IE中发生line-height属性的bug

来源:互联网 发布:mars java官网 编辑:程序博客网 时间:2024/05/16 03:00

发生情况:当在一个标签中套入img,input,textarea,select,object等元素的时候会发生.

如在body中设置line-height:80px;然后body中<p>有文字有img,有input...这个bug就发生了,在ie下的line-height会缩小了,但在ff和opera是正常的,于是我们为了解决这个办法需要单独给ie设置样式;

简单的css样式:body{line-height:80px;}*html img{margin:(line-height的高度-img的高度)/2px 0;vertical-align:center;}*html input{margin:(line-height的高度-input的高度)/2px 0;vertical-align:center;}
了解更多请看http://www.positioniseverything.net/explorer/lineheightbug.html.
原创粉丝点击