行内元素display:block之后在ie下的情况

开个博客很简单,维护好一个博客很难,工作有点忙,已经很久没更新过了,虽然自己发的都是些皮毛的东西,但为了给以后的自己回味下曾经的自己,还是想记录下犯的错,免得下次重复的犯错。

行内元素在变成块状之后在一般的chrome和ff之类的浏览器中都是会把该行内元素变成块状元素,今天在处理一个bug的时候发现在ie7下还是把该元素认作是行内元素;并当作行内元素处理;

1 <style type="text/css">
2     .box{text-align: center;}
3     .block{display: block; width:100px; height:100px; background-color: #f40; text-align: center;}
4     </style>
<div class="box"><a href="#" class="block">居中了没!</a></div>

在ie7下,a元素居中了。我就这样认为这个元素在ie7下还是被浏览器认作是行内元素,不知道属不属实,没有测试ie6,应该跟ie7是一样的情况,欢迎拍砖,欢迎纠正。

posted @ 2012-06-18 14:22  Jmarry  阅读(383)  评论(4编辑  收藏  举报