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

定制建站费用3500元

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

成都品牌网站建设

品牌网站建设费用6000元

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

成都商城网站建设

商城网站建设费用8000元

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

成都微信网站建设

手机微信网站建站3000元

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

建站知识

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

line-height在IE9及以上版本浏览器不能垂直居中如何解决

这篇“line-height在IE9及以上版本浏览器不能垂直居中如何解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“line-height在IE9及以上版本浏览器不能垂直居中如何解决”文章吧。

创新互联建站专业为企业提供洛龙网站建设、洛龙做网站、洛龙网站设计、洛龙网站制作等企业网站建设、网页设计与制作、洛龙企业网站模板建站服务,十余年洛龙做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

一、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字体使用汉字字体转换为英文名的字体,其配置字体成就强硬不受影响,并兼容各大浏览器,大家概略定心使用。

以上就是关于“line-height在IE9及以上版本浏览器不能垂直居中如何解决”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


文章名称:line-height在IE9及以上版本浏览器不能垂直居中如何解决
网页地址:http://bjjierui.cn/article/isghhi.html

其他资讯