首頁 > web前端 > html教學 > line-height文字垂直居中在IE9不被支援的解決方法

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

php中世界最好的语言
發布: 2017-12-16 11:14:22
原創
2152 人瀏覽過

我們知道,在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中文網其他相關文章!

相關標籤:
ie
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板