首页 > 代码库 > 【IE】IE对line-height 失效的的解决方案

【IE】IE对line-height 失效的的解决方案

微软的IE9 + Extjs3.1 确实头疼。在使用了line-height:20px 的Tree的样式,可是一直没有生效,

以下给出3中解决方式:


方案1、加padding-top:
<div style="height:22px;line-height:22px; padding-top:3px;background:red;color:#FFFFFF;font-size:12px;">文字 字</div>


方案2、加overflow:hidden:
<div style="height:25px;line-height:28px;background:red;color:#FFFFFF;font- size:12px; overflow:hidden">文字字</div>



方案3、设置字体为微软雅黑或者宋体

font-family: Microsoft YaHei,Arial,Helvetica, sans-serif;


【IE】IE对line-height 失效的的解决方案