您的位置:首页 > CSS hack > 【 返回上一页

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中文字体转换表http://www.thinkcss.com/jiqiao/325.shtml

那么CSS字体设置转换后应用:

body{font-family:"微软雅黑"}

转换后

body{font-family:"Microsoft YaHei"}

body{font-family:"\5FAE\8F6F\96C5\9ED1"}

最终将中文字体的中文转换后line-height行高将正常不再失效。

相关标签: 行高 失效
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/jianrong/1166.shtml

日期:2016-12-10 21:27:43 来源:www.thinkcss.com 作者:div css

热门点击