一、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失效的原因及問題解決方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！