ie9line-height失效的原因是什么

小編給大家分享一下ie9 line-height失效的原因是什么,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

在蘆溪等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,蘆溪網(wǎng)站建設(shè)費(fèi)用合理。

在處理瀏覽器兼容性問題時,你有沒有發(fā)現(xiàn)在IE9中瀏覽DIV CSS網(wǎng)頁文字字體偏上方,設(shè)置文字垂直上下居中l(wèi)ine-height樣式失效,而其它瀏覽器包括ie6-ie8均正常,究竟什么原因造成,如何解決與避免在ie9瀏覽器line-height失效。

一、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樣式。

實際應(yīng)用exp:

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

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

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

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

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”

實際應(yīng)用exp:

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

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

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

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

看完了這篇文章,相信你對ie9 line-height失效的原因是什么有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

當(dāng)前名稱:ie9line-height失效的原因是什么
網(wǎng)站網(wǎng)址:http://www.muchs.cn/article34/phoppe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航商城網(wǎng)站、Google、全網(wǎng)營銷推廣、App設(shè)計動態(tài)網(wǎng)站

廣告

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

網(wǎng)站優(yōu)化排名