如何让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。根据{{​​3}}，您需要指定宽度（auto除外）：

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

Answer 2

你可以通过设置固定宽度到子div，例如设置左/右边距自动来实现。喜欢：

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

Answer 3

执行此操作的首选方法是设置子div的宽度，并将左右边距设置为auto。自动为左右边距分配相同的金额。

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

如果您不确定孩子的宽度，您也可以将text-align:center分配给父div。这可能不是最好的方法，但可以完成工作。

div#a {text-align:center;}