html垂直居中不用height,line-height文字垂直居中在IE9不被支持的解决方法

我们知道，在IE9有时会遇见自己写的网页文字不能垂直居中，究竟IE9 line-height设置文字不能垂直居中原因是什么？

相信大家在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编码。

Unicode编码转换示范：

宋体：\5B8B\4F53

黑体：\9ED1\4F53

微软雅黑：\5FAE\8F6F\96C5\9ED1

如下：

div{font-family:"宋体";}

转后：

div{font-family:"\5B8B\4F53";}

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

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

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：