line-height文字垂直居中在IE9不被支持的處理方法

相信大家在IE9看見自己使用line-height設(shè)置垂直居中文字不能垂直居中，這是與你設(shè)置css字體有關(guān)，通常大家習(xí)慣設(shè)置font-family:Arial, Helvetica, sans-serif;

ie9中l(wèi)ine-height失效解決方法：
1、只需設(shè)置好字體，添加個宋體即可解決 如CSS代碼font-family:Arial, "宋體",Helvetica, sans-serif; 此方法為將中文字放入英文字體后面，但不是那么好，推薦以下第二點(diǎn)解決IE9兼容中文字體方法。

2、如果在CSS中一定只使用中文字體時如何辦，我們可以將中文字體名稱轉(zhuǎn)換為Unicode編碼。

Unicode編碼轉(zhuǎn)換示范：
宋體：\5B8B\4F53
黑體：\9ED1\4F53
微軟雅黑：\5FAE\8F6F\96C5\9ED1

如下：
div{font-family:"宋體";}
轉(zhuǎn)后：
div{font-family:"\5B8B\4F53";}

設(shè)置字體時候注意，還需設(shè)置大家都默認(rèn)系統(tǒng)自帶字體，如黑體，宋體。

在中文IE9中不認(rèn)英文字體，所以IE9找不到設(shè)置中文字體，所以對導(dǎo)致字體上下垂直失效。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

駝峰命名與JS的問題解答

JS里的布爾值、關(guān)系運(yùn)算符、邏輯運(yùn)算符的詳解及實(shí)例

前端的js框架總結(jié)以及用途講解

以上就是line-height文字垂直居中在IE9不被支持的解決方法的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！