行内元素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是一样的情况,欢迎拍砖,欢迎纠正。
任何时候对自己认定的作品要精益求精;你不是程序员也不是设计师,你所做的事情是让浏览器成为你的舞台,让网页成为你道具,打开你的网页就是你的观众,这场戏刚刚上演!