如何讓DIV居中

總結：text-align:center;對三中瀏覽器而言，都具有文字/行內元素的嵌套式居中，或者說繼承式的居中，只要外面的容器設置了這個屬性，那么他內部的所有元素都具有這個屬性（意思是，雖然這個屬性在谷歌和火狐中並不能對內部DIV有水平居中特效，但是由於它對文字的嵌套居中特效，使得設置這個屬性的DIV的內部所有的文字/行內元素，無論嵌套多深，都有水平居中效果）。但對於IE來講比較特殊，它還對塊元素嵌套式的水平居中。

　　  margin:0 auto;對3種瀏覽器而言，都具有一樣的特性，就是設置在哪個DIV身上，哪個DIV就在其父容器中水平居中，但是不是嵌套式的，如果還繼續想達到里面的每一個DIV元素居中，那么要給每一個DIV，都加上這個屬性。需要注意一點，這個屬性對3種瀏覽器而言，對行內元素，和沒有被任何包圍的文字節點，是沒有任何居中效果的

IE：外部div包含的所有東西都嵌套式的居中----->div內的行內元素和塊元素都水平居中，一層層的往里均居中。

火狐、谷歌：內部div水平和垂直都不居中，行內元素嵌套式居中------>div內的行內元素水平居中，內部的塊元素不居中

<div id="divOut" style="border:solid;width:500px;height:400px;text-align:center;">
        <div style="border: solid; width: 300px; height: 200px;"></div>
</div>

IE、火狐、谷歌：內部內容都水平居中，垂直不居中（下面有兩種情況，文字有沒有被SPAN包圍結論都一樣）

<div style="border:solid;width:500px;height:400px;text-align:center;">
        <span style="border: solid; width: 300px; height: 200px;">DIV里面的span,span里面的文字</span>
</div>

<div style="border:solid;width:500px;height:400px;text-align:center;">
        DIV里面的文字內容
</div>