本文探讨了CSS中使块级元素居中对齐的方法，特别是针对IE6/7/8混杂模式的问题。推荐使用`margin: 0 auto`来实现跨浏览器的居中效果，但该方法在旧版IE中无效，需要结合`text-align:center`应用于父容器。同时，如果子元素内的行内内容不需要居中，还需设置`text-align:left`。文章还提到了浏览器兼容性和一些基本的CSS样式设置。
回答：
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
扫一扫
2082
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
