如何解決與避免在ie9瀏覽器line-height失效問題

這篇文章主要介紹“如何解決與避免在ie9瀏覽器line-height失效問題”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“如何解決與避免在ie9瀏覽器line-height失效問題”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)建站是一家專業(yè)提供郁南企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都網(wǎng)站制作、html5、小程序制作等業(yè)務(wù)。10年已為郁南眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

一、ie9 line-height失效原因  

CSS中使用了中文字體，而中文字體使用漢字。如：
font-family:"微軟雅黑"

使用CSS字體font-family樣式使用了“宋體”、“黑體”或“微軟雅黑”等中文字體以漢字設(shè)置于CSS中。

在網(wǎng)頁DIV+CSS布局中不可避免使用中文字體如：黑體、宋體、微軟雅黑等中文字體，如何正確使用這些中文字體樣式呢？接下來我們來了解如何解決使用這些中文字體，又兼容IE9，支持IE9使用漢字字體。

二、解決ie9字體不垂直居中方法   

1、將中文字體漢字轉(zhuǎn)換為Unicode編碼

“黑體”對應(yīng)Unicode編碼為“\9ED1\4F53”
“宋體”對應(yīng)Unicode編碼為“\5B8B\4F53”
“仿宋”對應(yīng)Unicode編碼為“\4EFF\5B8B”
“微軟雅黑”對應(yīng)Unicode編碼為“\5FAE\8F6F\96C5\9ED1”

將漢字轉(zhuǎn)換為Unicode編碼的字符，即成功設(shè)置相應(yīng)字體，又兼容IE9瀏覽器支持垂直居中l(wèi)ine-height樣式。

實(shí)際應(yīng)用exp：

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

轉(zhuǎn)換為Unicode編碼后

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

漢字字體中文字轉(zhuǎn)換為Unicode編碼后字體效果相同，不受影響，兼容各大瀏覽器。

如果記不住Unicode編碼表怎么辦？
在CSS+DIV布局中常用css字體中，中文字體就那幾個黑體、宋體、仿宋、微軟雅黑。如果記不住可以進(jìn)入css Unicode編碼表查看并復(fù)制使用。

2、將中文字體漢字使用英文名
將CSS+DIV布局中CSS設(shè)置中文字體漢字轉(zhuǎn)換對應(yīng)英文名字體，轉(zhuǎn)換后設(shè)置中文字體效果不變，并兼容各大瀏覽器。

“黑體”對應(yīng)英文名為“SimHei”
“宋體”對應(yīng)英文名為“SimSun”
“仿宋”對應(yīng)英文名為“FangSong”
“微軟雅黑”對應(yīng)英文名為“Microsoft YaHei”

實(shí)際應(yīng)用exp：

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

轉(zhuǎn)換為英文名后

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

將div css布局中css字體使用漢字字體轉(zhuǎn)換為英文名的字體，其設(shè)置字體效果不變不受影響，并兼容各大瀏覽器，大家可以放心使用。

關(guān)于“如何解決與避免在ie9瀏覽器line-height失效問題”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。

網(wǎng)站標(biāo)題：如何解決與避免在ie9瀏覽器line-height失效問題
瀏覽地址：http://bm7419.com/article38/psohpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、搜索引擎優(yōu)化、Google、企業(yè)建站、企業(yè)網(wǎng)站制作、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)