line-height文字垂直居中在IE9不被支持的解决方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了line-height文字垂直居中在IE9不被支持的解决方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1113字,纯文字阅读大概需要2分钟。
内容图文
我们知道,在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找不到设置中文字体,所以对导致字体上下垂直失效。
相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
相关阅读:
驼峰命名与JS的问题解答
JS里的布尔值、关系运算符、逻辑运算符的详解及实例
前端的js框架总结以及用途讲解
以上就是line-height文字垂直居中在IE9不被支持的解决方法的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的line-height文字垂直居中在IE9不被支持的解决方法全部内容,希望文章能够帮你解决line-height文字垂直居中在IE9不被支持的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。