欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

我们在IE9常常会遇见自己写的DIV CSS网页,文字有时不能垂直居中,究竟IE9 line-height设置文字不能垂直居中原因是什么?

IE9不支持line-height原因:中文ie9不支持英文字体

相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中,这是与你设置css字体有关,通常大家习惯设置font-family:Arial, Helvetica, sans-serif;

ie9中line-height失效解决方法:
1、只需设置好字体,添加个宋体即可解决 如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif; 此方法为将中文字放入英文字体后面,但不是那么好,推荐以下第二点解决IE9兼容中文字体方法。

2、如果在CSS中一定只使用中文字体时如何办,我们可以将中文字体名称转换为Unicode编码

扩展阅读:IE9兼容中文字体:http://www.divcss5.com/css-hack/c344.shtml

Unicode编码转换示范:
宋体:\5B8B\4F53
黑体:\9ED1\4F53
微软雅黑:\5FAE\8F6F\96C5\9ED1

更多Unicode编码表http://www.divcss5.com/jiqiao/j325.shtml
大家可以记住保存以上网址,以便开发CSS时候将中文转换Unicode做参考。

如下:
div{font-family:"宋体";}
转后:
div{font-family:"\5B8B\4F53";}

设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体。

DIVCSS5解释:
在中文IE9中不认英文字体,所以IE9找不到设置中文字体,所以对导致字体上下垂直失效。

希望DIVCSS5总结DIV+CSS问题对您有帮助。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w311.shtml