2016-12-10 21:32:10 div css布局中line-height 失效解决，行高样式失效解决 在低版本浏览器中css line-height正常的，但高于IE9浏览器行高样式line-height 失效了。
在低版本浏览器中css line-height正常的，但高于IE9浏览器行高样式line-height 失效了。
一、行高失效问题原因：
检查你CSS中设置字体font-family样式属性值是否使用中文字。如：font-family:”宋体”、font-family:”微软雅黑”、font-family:”黑体”等。
问题就在于你CSS字体样式设置字体直接使用了中文字。
二、line-height失效解决：
将字体为中文字的转换过，可以转化为Unicode编码或使用字体的英文单词。
解决行高失效将中文转换为英文或Unicode介绍：
1、宋体
英文：SimSun
Unicode编码：\5B8B\4F53
2、黑体
英文：SimHei
Unicode编码：\9ED1\4F53
3、微软雅黑
英文：Microsoft YaHei
Unicode编码：\5FAE\8F6F\96C5\9ED1
更多CSS中文字体转换表：//www.html8.com.cn/css/325.shtml
那么CSS字体设置转换后应用：
body{font-family:"微软雅黑"}
转换后
body{font-family:"Microsoft YaHei"}
或
body{font-family:"\5FAE\8F6F\96C5\9ED1"}
最终将中文字体的中文转换后line-height行高将正常不再失效。