試圖在一個固定寬度div中居中div

Question

我有一個父div，其寬度固定爲150px。當我創建一個子div時，firebug說它的寬度也是150px。爲什麼是這樣？

因此，當我嘗試使用margin auto來水平對齊div時，它沒有區別。有沒有辦法來覆蓋自動爲子div設置的150像素寬度？

Answer 1

除非另有說明，默認情況下，div是一個塊元素，塊元素佔據其包含元素的整個寬度。

Answer 2

@ j08691是正確的關於div的塊元素。你要麼需要具有以下效果樣式表或內嵌樣式：

<div style="width: 150px; text-align: center;"> 
    <div style="width: [smaller width]; margin: 0 auto; text-align: left;"></div> 
</div> 

..the原因是內部div的保證金不能自動確定它們的大小，除非內部的div的寬度。

[...的文本對齊東西只是遺留在IE6從後污泥（和7π）天;-)]

Answer 3

因爲DIV是塊級元素，的缺省寬度完整的家長。內聯元素內容本身的寬度自適應，例如：span元素