DIV CSS 佈局教程網

需要定義元素的寬，並且定義橫向的margin，如果你的布局包含在一個層(容器)中，就象這樣：
你可以這樣定義使它橫向居中：

#wrap{  
width:760px;/*修改為你的層的寬度*/  
margin:0auto;  
}  
 

但是IE5/Win不能正確顯示這個定義，我們采用一個非常有用的技巧來解決：在外層用text-align屬性。就象這樣：

#outer{  
text-align:center;  
}  
#wrap{  
width:760px;/*修改為你的層的寬度*/  
margin:0auto;  
text-align:left;  
}  
 

第一個#outer的text-align:center;規則定義IE5/Win中#outer的所有元素居中(其他浏覽器只是將文字居中)，第二個text-align:left;是將#warp中的文字居左。

因此，在有居中元素的css中，外層CSS要定義text-align:center屬性，內層居中用margin:xautoxauto定義，並重新定義text-align。

【編輯推薦】

1. CSS中padding-top和padding-left屬性的區別
2. 使用CSS margin屬性輕松設置外邊距
3. 名詞釋義 解析padding-top屬性用法
4. CSS教程：詳解margin和padding屬性應用場合
5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法