line-height文字垂直居中在IE9不被支援的解決方法

我們知道，在IE9有時會遇見自己寫的網頁文字不能垂直居中，究竟IE9 line-height設定文字不能垂直居中原因是什麼？

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

ie9中line-height失效解決方法：
1、只要設定好字體，加入個宋體即可解決如CSS程式碼font-family: Arial, "宋體",Helvetica, sans-serif; 此方法為將中文字放入英文字體後面，但不是那麼好，推薦以下第二點解決IE9相容中文字體方法。

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

Unicode編碼轉換示範：
宋體：\5B8B\4F53
黑體：\9ED1\4F53
微軟雅黑：\5FAE\8F6F\96C5\9ED1

#如下：
div{font-family:"宋體";}
轉後：
div{font-family:"\5B8B\4F53";}

設定字體時候注意，還需設定大家都預設系統自備字體，如黑體，宋體。

在中文IE9不認英文字體，所以IE9找不到設定中文字體，所以對導致字體上下垂直失效。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

駝峰命名與JS的問題解答

JS裡的布林值、關係運算子、邏輯運算子的詳解及實例

前端的js框架總結以及用途講解

以上是line-height文字垂直居中在IE9不被支援的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！