首页 > 代码库 > IE6行高(line-height)失效
IE6行高(line-height)失效
<a class="bug" href=""><span></span>i am bug</a>
.bug{height:60px;line-height:60px;background-color:#999;} .bug span{display:inline-block;width:100px;height:20px;background-color:#ff0000;vertical-align:middle;}
当一个容器里的文字与img、input、textarea、select、object等元素相连时,对这个容器设置的line-height数值就会失效…
,按其特征,其实就是行内块元素与周围文字相连时导致IE6下父层行高失效。
解决方法:对与文字相连接的img、input、textarea、select、object等元素加以属性,代码如下:
.line-height { margin:/* (父级所属line-height - 自身img,input,select,object高度)/2px 0 */; vertical-align:middle; }
即在IE6下为行内块元素单独设置 _margin:(60-20)/2px 0;
以上,希望大家多多测试,感谢!
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。