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