小編給大家分享一下ie9 line-height失效的原因是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

在蘆溪等地區，都構建了全面的區域性戰略布局，加強發展的系統性、市場前瞻性、產品創新能力，以專注、極致的服務理念，為客戶提供成都網站設計、成都網站建設 網站設計制作按需制作網站,公司網站建設,企業網站建設,品牌網站設計,全網營銷推廣,成都外貿網站建設公司,蘆溪網站建設費用合理。

在處理瀏覽器兼容性問題時，你有沒有發現在IE9中瀏覽DIV CSS網頁文字字體偏上方，設置文字垂直上下居中line-height樣式失效，而其它瀏覽器包括ie6-ie8均正常，究竟什么原因造成，如何解決與避免在ie9瀏覽器line-height失效。

一、ie9 line-height失效原因

CSS中使用了中文字體，而中文字體使用漢字。如：

font-family:"微軟雅黑"。使用CSS字體font-family樣式使用了“宋體”、“黑體”或“微軟雅黑”等中文字體以漢字設置于CSS中。

在網頁DIV+CSS布局中不可避免使用中文字體如：黑體、宋體、微軟雅黑等中文字體，如何正確使用這些中文字體樣式呢？接下來我們來了解如何解決使用這些中文字體，又兼容IE9，支持IE9使用漢字字體。

二、解決ie9字體不垂直居中方法  

1、將中文字體漢字轉換為Unicode編碼

“黑體”對應Unicode編碼為“\9ED1\4F53”

“宋體”對應Unicode編碼為“\5B8B\4F53”

“仿宋”對應Unicode編碼為“\4EFF\5B8B”

“微軟雅黑”對應Unicode編碼為“\5FAE\8F6F\96C5\9ED1”

將漢字轉換為Unicode編碼的字符，即成功設置相應字體，又兼容IE9瀏覽器支持垂直居中line-height樣式。

實際應用exp：

.div{ font-family:"微軟雅黑"}

轉換為Unicode編碼后

.div{ font-family:"\5FAE\8F6F\96C5\9ED1"}

漢字字體中文字轉換為Unicode編碼后字體效果相同，不受影響，兼容各大瀏覽器。

2、將中文字體漢字使用英文名

將CSS+DIV布局中CSS設置中文字體漢字轉換對應英文名字體，轉換后設置中文字體效果不變，并兼容各大瀏覽器。

“黑體”對應英文名為“SimHei”

“宋體”對應英文名為“SimSun”

“仿宋”對應英文名為“FangSong”

“微軟雅黑”對應英文名為“Microsoft YaHei”

實際應用exp：

.div{ font-family:"微軟雅黑"}

轉換為英文名后

.div{ font-family:"Microsoft YaHei"}

將div css布局中css字體使用漢字字體轉換為英文名的字體，其設置字體效果不變不受影響，并兼容各大瀏覽器，大家可以放心使用。

看完了這篇文章，相信你對ie9 line-height失效的原因是什么有了一定的了解，想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

當前名稱：ie9line-height失效的原因是什么
網站網址：http://vcdvsql.cn/article34/phoppe.html

成都網站建設公司_創新互聯，為您提供面包屑導航、商城網站、Google、全網營銷推廣、App設計、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯