Div未按预期对中
Div未按预期对中
提问于 2015-04-26 01:19:25
我试图通过在外部div上设置边距来对内部div进行居中，但它似乎不起作用。
所以我的HTML看起来如下：
<div id="outer">
<div class="inner"><span>H</span></div>
<div class="inner"><span>I</span></div>
</div>我的CSS看起来如下所示：
#outer {
display: block;
width: 100%;
margin: 0 auto; /* This is not working for some reason */
}
#outer .inner {
display: inline-block; /* Used to put the boxes side by side */
margin: 0 0 0 1%;
width: 5%;
}我不知道我的CSS代码有什么问题。即使我设定了一个固定的宽度，它也不会中心。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-04-26 01:21:35
只需在您的text-align: center div中使用#outer css属性来对.inner div进行居中(因为它们作为内联元素进行display编辑)。
#outer { text-align:center; }
#outer .inner { display: inline-block;width: 5%; }<div id="outer">
<div class="inner"><span>H</span></div>
<div class="inner"><span>I</span></div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29872614
复制相关文章
相似问题
腾讯云开发者
