無商不雅

此篇轉載來的，但真的太實用了

在 IE8 還沒出來之前，都是利用 margin: 0 auto; 的方式來解決 div 置中的問題，但是這在 IE8 並沒有發揮作用，無效了，底下在網路上發現兩種解法，分享給大家知道：

1. Width:100%
在最外層 div 加入 Width:100% 的屬性，程式碼如下：

#container {width:100%;}
#centered {width:400px; margin:0 auto;}

2. Text-Align:Center
在 div tag 裡面加入 Text-Align:Center，這樣 IE8 會偵測到此語法，就會服從 margin:0 auto; 之屬性，不過這樣內容會被全部至中，如果您有需要將其 div 內容往左邊對齊，那就必須在加上語法 Text-Align:left，底下是範例程式碼：

#container {text-align:center;}
#centered {width:400px; margin:0 auto;text-align:left;}

PS:個人測試是內外的DIV都要設定寬定，才能把內層的DIV置中。

IE6，IE7 則是利用下面語法：

#wrap {
  margin: 0px auto; /* firefox */
  *margin: 0px auto; /* ie7 */
  _margin: 0px auto; /* ie6 */
  height:100px; 
  width:860px;
  border:5px solid red;    
}

 

FM:http://blog.wu-boy.com/2010/03/%E5%9C%A8-ie8-firefox-chrome-css-%E7%BD%AE%E4%B8%AD%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95/