Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/blackberry/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 带边距自动调整的中心不';行不通_Css_Margin - Fatal编程技术网

Css 带边距自动调整的中心不';行不通

Css 带边距自动调整的中心不';行不通,css,margin,Css,Margin,我在页面中使用jQuery动画,添加了一些CSS属性,我不明白为什么边距:auto不起作用 HTML代码(带有jQuery添加的样式属性): 我不知道哪个属性阻止边距:auto将图像居中 谢谢。这不起作用,因为您已将.content\u tuto的宽度设置为100%添加文本对齐:居中到.content\u tuto,它将居中运行 注意,您有宽度style=“width:7680px;…和style=“…”。。宽度:1280px,所以当你居中时,你就是在该宽度的中心。我已经创建了一个小提琴,并添加

我在页面中使用jQuery动画,添加了一些CSS属性,我不明白为什么
边距:auto
不起作用

HTML代码(带有jQuery添加的样式属性):

我不知道哪个属性阻止
边距:auto
将图像居中


谢谢。

这不起作用,因为您已将
.content\u tuto
的宽度设置为
100%

添加
文本对齐:居中
.content\u tuto
,它将居中运行


注意,您有宽度
style=“width:7680px;…
style=“…”。。宽度:1280px,所以当你居中时,你就是在该宽度的中心。

我已经创建了一个小提琴,并添加了一个边框来可视化和求解

您也可以从这里很好地阅读css中的center a div


希望能有所帮助。

我知道这是一篇老文章,但我想分享一下我是如何解决同样的问题的


我的图像从父类继承了一个
float:left
。通过设置
float:none
我可以使
margin:0 auto
正常工作。希望它能对将来的人有所帮助

您正在测试哪些浏览器?Chrome Firefox和Operawidth:100%,边距:自动;我不明白你的问题,我不明白你想要什么,垃圾桶。哪一个?在tuto_wamp或In.content_tuto中?你怎么能对没有边距的东西“每边边距相等”?如果宽度为100%,则填充所有空间,因此两侧边距均为0。不能将100%宽的框居中。因为您希望边距位于带有显示块而不是div的图像上,请选中此框
<body style="overflow: hidden;">
    <div id="tuto_wamp" style="width: 7680px; height: 923px; ">
        <!-- Step 1 -->
        <div style="height: 549px; width: 1280px; margin-top: 0px; margin-left: 0px; position: absolute; overflow-y: hidden; overflow-x: hidden; ">
            <div class="content_tuto">
                <img src="images/install1.png" alt="">
            </div>
        </div>
    </div>
</body>
#tuto_wamp 
{ 
    background: #3a393c;
    width: 100%;
}

.content_tuto
{
    width: 100%;
    margin: auto;
    display: block;
}