1. 程式人生 > >關於css中 line-height 在ie中和在chrome中錯位的問題

關於css中 line-height 在ie中和在chrome中錯位的問題

 一 丶

IE9不支援line-height原因:中文ie9不支援英文字型

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

ie9中line-height失效解決方法:
只需設定好字型,添加個宋體即可解決 如CSS程式碼font-family:Arial, "宋體",Helvetica, sans-serif;

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

二丶

樣式表中可以寫line-height:28.5px !important;line-height:48.5px;(padding=10px)

因為ie中會忽視 “!important”這個屬性 這樣就會讀取48.5的line-height 而火狐和chrome不會忽視這個屬性 就會讀取line-height=28.5