在IE8圍繞DIV不工作

Question

可能重複：
Using 「margin: 0 auto;」 in Internet Explorer 8

我試圖使用中心margin: 0 auto;我也明確地給它一個高度一個div，但在我的特殊情況，它不工作。它適用於其他瀏覽器。有人能告訴我爲什麼它不適合我的特殊情況嗎？這是一個jsbin鏈接

http://jsbin.com/afukif/43/edit。

Answer 1

嘗試

margin-left：auto; margin-right：auto;

Answer 2

margin: 0 auto是關於元素的父項。如果父母的寬度與您的目標相同，那麼margin: 0 auto;將不會執行任何操作。在這種情況下，它看起來像父元素是body。在CSS設置此：

body, html { 
    width: 100%; 
} 

經測試，在IE 8：

http://jsbin.com/afukif/61/edit

Answer 3

在Internet Explorer中您通常需要的父元素與text-align:center;設置，然後設置內部元素對齊到左。 我不得不這樣做幾次，因爲IE並不總是承認margin: 0 auto;。還要確保如果您使用的是margin: 0 auto;，您爲要嘗試居中的元素設置寬度。否則，它不知道如何計算邊距。