css div 橫向置中寫法

本文章就單獨講一下關於css教程 div 橫向置中寫法的用法，並且在ie,ie7,firefox相容問題。

橫向置中(centering)

　　這是一個簡單的技巧，但是值得再說一遍，因為我看見太多的新手問題都是問這個：css如何橫向置中？您需要定義元素的寬，並且定義橫向的margin，假如您的布局包含在一個層(容器)中，您可以這樣定義使它橫向置中：

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

　　但是ie5/win不能正確顯示這個定義，我們採用一個非常有用的技巧來解決：用text-align屬性，就像這樣：

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

　　第一個body的text-align:center; 規則定義ie5/win中body的所有元素置中（其他瀏覽器只是將文字置中），第二個text-align:left;是將#warp中的文字居左。