网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

如何解决与避免在ie9浏览器line-height失效问题

这篇文章主要介绍“如何解决与避免在ie9浏览器line-height失效问题”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“如何解决与避免在ie9浏览器line-height失效问题”文章能帮助大家解决问题。

创新互联建站是一家专业提供郁南企业网站建设,专注与做网站、成都网站制作、html5、小程序制作等业务。10年已为郁南众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

一、ie9 line-height失效原因  

CSS中使用了中文字体,而中文字体使用汉字。如:
font-family:"微软雅黑"

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

在网页DIV+CSS布局中不可避免使用中文字体如:黑体、宋体、微软雅黑等中文字体,如何正确使用这些中文字体样式呢?接下来我们来了解如何解决使用这些中文字体,又兼容IE9,支持IE9使用汉字字体。

二、解决ie9字体不垂直居中方法   

1、将中文字体汉字转换为Unicode编码

“黑体”对应Unicode编码为“\9ED1\4F53”
“宋体”对应Unicode编码为“\5B8B\4F53”
“仿宋”对应Unicode编码为“\4EFF\5B8B”
“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”

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

实际应用exp:

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

转换为Unicode编码后

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

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

如果记不住Unicode编码表怎么办?
在CSS+DIV布局中常用css字体中,中文字体就那几个黑体、宋体、仿宋、微软雅黑。如果记不住可以进入css Unicode编码表查看并复制使用。


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

“黑体”对应英文名为“SimHei”
“宋体”对应英文名为“SimSun”
“仿宋”对应英文名为“FangSong”
“微软雅黑”对应英文名为“Microsoft YaHei”

实际应用exp:

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

转换为英文名后

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

将div css布局中css字体使用汉字字体转换为英文名的字体,其设置字体效果不变不受影响,并兼容各大浏览器,大家可以放心使用。

关于“如何解决与避免在ie9浏览器line-height失效问题”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


当前名称:如何解决与避免在ie9浏览器line-height失效问题
本文路径:http://bjjierui.cn/article/psohpp.html

其他资讯