在IE與FF中如何居中的css寫法_經驗交流

IE方法：

 標記內的內容居中。
非IE方法：

 標記的左右邊距自動適應，以達到居中效果。
標準推薦的CSS使用方法是後者，IE的那套是非標準的。
不過在IE6中使用標準的DTD宣告（xhtml版本），也能使用margin:0 auto;方法達到居中效果。

<style type="text/css"> .ie { text-align:center; width:100%; } /* IE居中 */ .ie div { width:200px; border:solid 1px #999; } .pr { margin:0 auto; width:200px; border:solid 1px #f00; } /* 標準居中 */ </style> <title>居中</title> <div class="ie"> <div>IE居中</div> </div> <hr> <div class="pr">標準居中</div>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]