如何让一个div在另一个div中水平居中？

Question

可能重复：
How to center horizontally div inside parent div

我有以下：

<div id="a"> 
<div id="b">abc</div> 
</div> 

我的第一个div的 “a” 的样式是在屏幕宽度的100％。我想让div“b”在中心水平显示。我知道我可以用表格做到这一点，但有没有办法用div和CSS做到这一点？

希望有人能帮助

Answer 1

您可以设置margin-left和margin-right属性auto。据CSS2.1 § 10.3.3你需要指定的宽度（比其他auto），虽然：

#b {width: 300px; margin: 0 auto;} 

Answer 2

你可以做，通过设置固定宽度孩子DIV如和设置左/右页边距汽车。像：

div#b{width:40px;margin:0 auto;}

Answer 3

要做到这一点是设置孩子div的宽度和左，右页边距设置为自动的首选方式。自动为左右边距分配相等的金额。

div#b { width: 100px; margin: 0 auto;} 

如果你不能确定孩子的宽度，你也可以指定text-align:center父DIV。这可能不是最好的方法，但完成了工作。

div#a {text-align:center;}