如何使用CSS使多个内联块元素居中？
如何使用CSS使多个内联块元素居中？
提问于 2012-01-06 03:39:42
我希望在一个容器块元素中水平居中两个(或可能更多)行内块元素。它应该看起来像这样：
--------------------------
| _____ _____ |
| | | | | |
| | foo | | bar | |
| |_____| |_____| |
|_________________________|然而，在我的坏代码中，它目前看起来是这样的：
--------------------------
| _____ ____ |
|| | | | |
|| foo | | bar | |
||_____| |_____| |
|_________________________|HTML
<div>
<a>foo</a>
<a>bar</a>
</div>CSS
div a {
display: inline-block;
padding: 1em;
margin: 1em;
border: 1px solid black;
}为什么两个锚点必须是内联块，而不仅仅是纯内联的原因是因为我不想让锚点的填充和边距重叠。
回答 7
Stack Overflow用户
回答已采纳
发布于 2012-01-06 03:42:01
只需在div容器上设置text-align: center;即可。
Stack Overflow用户
发布于 2012-01-06 03:41:58
在父元素上设置text-align: center;。
Stack Overflow用户
发布于 2012-01-06 03:43:21
你有没有尝试过下面的方法？
div{
text-align:center;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8748654
复制相关文章
相似问题