CSS：

Question

我試圖居中頁面上的多個div元素（VS每個id指定包裝VS類）最佳方式格式化多個div。但是有些人不需要居中，所以我排除了使用body元素。我已經想通將有三種方式來做到這一點：

第一是通過使用一個容器，但是這增加了元素的純佈局造型和是不是很語義。

<div id="notcentred"> 
<div id="container"> 
    <div id="centrediv1"></div> 
    <div id="centrediv2"></div> 
</div> 

第二個是創建一箇中心類，並簡單地將它添加到每個需要居中的元素。

<div id="notcentred"> 
<div id="centrediv1" class="centre"></div> 
<div id="centrediv2"class="centre"></div> 

第三個是將中心CSS添加到每個DIV的ID。

<div id="notcentered"> 
<div id="centrediv1"></div> 
<div id="centrediv2"></div> 

我認爲2號將是最好的，因爲這將是最容易管理和最語義，但是如果有什麼我不知道，期權將受到歡迎。

在此先感謝。

Answer 1

這是確切的利用類型分別設計。所以，真的，使用理想的CSS第三個是錯誤的。前兩個是絕對好的。

儘管如此，如果你希望所有的div是類似的，把一些在包裝DIV可能使其難以他們的樣式其他設置。第二個也允許你更容易地將居中的div分散在非中心的div中。第二個也有更少的元素，這將使你的代碼更容易閱讀！記住

有了這個，我會建議第二。