Jan
27
margin:0 auto;和 text-align:center;
<div style="width:800px;background:#ddd;text-align:center">
<p>width:800px;background:#ddd;<b>text-align:center</b></p>
<div style="margin:0 auto;width:400px;background:#d5d"><b>margin:0 auto;</b>width:400px;background:#d5d</div>
<div style="width:400px;background:#fdd">width:400px;background:#fdd</div>
<span>258</span>
</div>
<div style="width:800px;background:#bbb;text-align:left">
<p>width:800px;background:#ddd;text-align:left</p>
<div style="margin:0 auto;width:400px;background:#d5d">width:800px;background:#ddd;text-align:left</div>
<div style="width:400px;background:#fdd">width:400px;background:#fdd</div>
<span style="margin:0 auto;">span:margin:0 auto;</span>
</div>
IE6跟火狐的区别,IE的text-align:center能使其包含的块状元素和行内元素以及文本内容居中.
而在火狐下面text-align:center只能使其包含的行内元素和文本内容居中.
margin:0 auto能使块状元素居中,但不能使行内元素居中,这个在火狐和IE6下都是一样的.对于IE6以前版本的浏览器需要配合其父元素的text-align:center才能居中.
On having la
浏览器兼容HACK



