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


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

我们知道,在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中文网其它相关文章!

相关阅读:

驼峰命名与JS的问题解答

JS里的布尔值、关系运算符、逻辑运算符的详解及实例

前端的js框架总结以及用途讲解

以上就是line-height文字垂直居中在IE9不被支持的解决方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

什么是javascript事件模型

bootstrap 5 alpha发布啦!不再依赖jquery,放弃支持ie

ie对css3的支持吗

cookie的具体使用方法

如何在html中更改行间距

ie8不兼容rgba()如何处理

ie不支持css3动画吗

ie如何关闭javascript脚本

h5之scrollintoview用法详解

如何利用getboundingclientrect()来实现div容器滚动固定

更多相关阅读请进入《line-height》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...