首页 > 其他 > 详细

IE9 line-height字体垂直居中 失效的解决方法

时间:2014-01-17 00:15:33      阅读:446      评论:0      收藏:0      [点我收藏+]

问题:在IE9中浏览DIV CSS网页文字字体偏上方,设置文字垂直上下居中line-height样式失效,而其它浏览器包括ie6-ie8均正常,究竟什么原因造成,如何解决与避免在ie9浏览器line-height失效。

 

一、失效原因

使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。

 

二、解决方法

【参考字体编码表参考:http://www.cnblogs.com/super-zhen/p/3517318.html

 

方法A:将中文字体汉字转换为Unicode编码

 汉字字体中文字转换为Unicode编码后字体效果相同,不受影响,兼容各大浏览器。

将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height样式。

如:

    .div{ font-family:"微软雅黑"}

转换为Unicode编码后

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

  

方法B:将中文字体汉字使用英文名

将CSS+DIV布局中CSS设置中文字体汉字转换对应英文名字体,转换后设置中文字体效果不变,并兼容各大浏览器。

如:

    .div{ font-family:"微软雅黑"}

转换为英文名后

    .div{ font-family:"Microsoft YaHei"}

IE9 line-height字体垂直居中 失效的解决方法

原文:http://www.cnblogs.com/super-zhen/p/3522240.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!