如何讓一個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;}