IE中发生line-height属性的bug
2006-02-14 20:40
393 查看
发生情况:当在一个标签中套入img,input,textarea,select,object等元素的时候会发生.
如在body中设置line-height:80px;然后body中<p>有文字有img,有input...这个bug就发生了,在ie下的line-height会缩小了,但在ff和opera是正常的,于是我们为了解决这个办法需要单独给ie设置样式;
了解更多请看http://www.positioniseverything.net/explorer/lineheightbug.html.
如在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.
相关文章推荐
- IE下line-height的BUG解决 (转)
- 7.3 行高:line-height属性[3]
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- CSS中的line-height行高属性的使用技巧小结
- 标签中包含input时line-height属性失效的解决办法
- 在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
- dede arclist imgwidth imgheight 属性无效 dede bug
- line-height属性不同值类型的表现
- 【css-基础-属性】 line-height
- IE9下的embed的src属性的bug
- 关于ie下 line-height 不兼容,采用margin-top解决办法
- IE6和IE7下colspan属性的bug
- IE的document.getElementById混淆name和id属性的BUG
- 深入CSS属性(三):line-height
- input-button-line-height-bug
- innerHTML属性导致未知的运行时错误ie bug
- css属性行高line-height的用法详解
- CSS教程:行高line-height属性(2)
- IE 6不支持min-height或max-width等属性的完美解决方案
- CSS line-height 属性