Jul
7

Line-height / Replaced Element Bug

不指定
字体大小: | | RSS
分类: Favorites | 1970 次阅读
点击在新窗口中浏览此图片

BUG症状:当在一个容器里文字和img、input、textarea、select/、object等元素相连的时候,对这个容器设置的line-height数值会失效;

受影响的浏览器:
   ·Microsoft Internet Explorer 5.01 / Windows
   ·Microsoft Internet Explorer 5.5 / Windows
   ·Microsoft Internet Explorer 6

解决方法:
对和文字相连接的img、input、textarea、select、object等元素加以属性
[codes=css]margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle[/codes]
  检验好用,不过用户具体使用中要留意设置属性的img、input等很可能不是全局设置,这个时候就要灵活处理,比如一个页面有两个不同line-height属性的容器A(class="a")和容器B(class="b")里都有img、input等,如果是B处遇到此bug,则css里写* .b img {...}等等,这样不影响A容器的css显示,千万不要写* html img {...},因为后者是全局设置。

bug解决者详细说明:http://www.positioniseverything.net/explorer/lineheightbug.html
分享此文:
Tags: ,
操作: 评论(0) | 引用(0)

Leave A Word:

打开HTML 打开UBB 打开表情 隐藏
记住我 [登入] [注册]