前端無遠弗屆

第一種 div 置中方法，適用於 FireFox、Chrome、Opera

margin: 0px auto;

第二種 div 置中方法，IE8 適用

要在 IE8 成功置中可以用兩個 div 相互合作
外面的 div 要設定 text-align:center
讓包在裡面的 div 可以順利置中

<div style="text-align:center;">

　<div style="margin:0 auto;border: 2px solid blue; width:150px;">這裡是文字</div>

</div>

第三種 div 置中方法，適用於 IE7

*margin: 0px auto;

第四種 div 置中方法，適用於 IE6

_margin: 0px auto;

補充：

body {

text-align: center; /*FOR IE5 專用才會置中*/

}

由於在body中有設定text-align: center;
這時文字會置中(被繼承)
所以在 container需在加入text-align: left;
才會使文字靠左編排

修改如下

#container
{

margin: 0 auto;
width: xxxpx;
text-align: left;

}

資料來源：網路轉載