居中所有div

Question

我已經搜索了大約半小時，仍然找不到解決方案。

我有一個網站在分鐘，其中有相當多的div。所有這些都有980px的寬度，它自己看起來很好。我唯一的問題是，如果屏幕> 980像素，那麼它只出現在左側。

問：是否有任何標籤可以放在代碼的中心？我試過<center>並希望家常便飯，但它沒有工作:(

Answer 1

只是包裝他們在一個div容器，並給它相同的寬度PLUS：margin: 0 auto;

<div id="container" style="width:980px; margin:0 auto;"> 
    ....your divs 
</div> 

當然移動造型到你的CSS文件，而不是使用內聯樣式！

Answer 2

假設你沒有用float（它迫使元素在旁邊），使用絕對定位（它將元素從正常流中取出）或者停止元素從顯示爲一個塊：

設置margin-left: auto; margin-right: auto;或使用簡寫符號（margin: 0 auto）（其中0是您想要的上下邊距）。

確保您有一個觸發標準模式的Doctype（無論如何，您都應該使用該模式）。

有關更多詳細信息，請參見this article。

Answer 3

如果結構是平的 - 沒有嵌套的div那麼你可以inlcude在你的CSS文件中的以下內容：

div { 
    margin-left: auto; 
    margin-right: auto; 
} 

否則，只是包裝的所有div有<div id="wrapper"></div>，並把這個CSS文件中：

div#wrapper { 
    margin-left: auto; 
    margin-right: auto; 
}