回答:
IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。
解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:Auto; margin-right:Auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center;"。
若居中对齐的子元素内的行内内容不需要居中对齐,则还需要为其设置“text-align:left”:
* { font-family:Consolas,Verdana,Arial; font-size:12px;}
div, center { border:3px solID dimgray; padding:2px;}
span { background:lightgrey;}
text