line-height文字垂直居中在IE9不被支持的處理方法
發表時間:2023-12-23 來源:明輝站整理相關軟件相關文章人氣:
[摘要]我們知道,在IE9有時會遇見自己寫的網頁文字不能垂直居中,究竟IE9 line-height設置文字不能垂直居中原因是什么?相信大家在IE9看見自己使用line-height設置垂直居中文字不能垂直居中,這是與你設置css字體有關,通常大家習慣設置font-family:Arial, Helvet...
我們知道,在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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。