在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需刷新才能执行]