inline block的相容性問題

2022-08-28 23:24:32 字數 381 閱讀 9206

我們都知道在ie6 7 中用*display:block;*zoom:1;可以解決 inline-block 的相容問題

很多人認為ie6 7 是不支援inline-block的,嚴格來說應該是:ie6 7 對 inline-block 支援的不夠完全

這個要分兩種情況來說:

第一種:當塊級元素設定:display:inline-block;ie6 7 就出現了不是我們想要的結果

這樣就需要我們前面提到的 *display:block;*zoom:1 來做相容了。

第二種,當行內元素,如:span 設定:display:inline-block;就不會出現任何問題

我們完全可以不去處理相容問題。

更多的請看:inline-block 前世今生

模擬相容性的 inline block 屬性

一年前網上還找不到關於 inline block 屬性的文章,為了方便大家更好的理解該屬性,當時總結整理了篇 display inline block的深入理解 而現在對於 inline block 屬性運用的需求也越來越多,可惜依舊只有 firefox3 beta ie8 beta opera s...

inline block的相容性問題

inline block是元素display屬性的乙個值。這個名字的由來是因為,display設定這個值的元素,兼具行內元素 inline elements 跟塊級元素 block elements 的特徵。display inline block 相容性 ie6 ie7不識別inline bloc...

相容性(空格相容性)

在chrome與firefox下顯示的寬度不同,原因是兩個瀏覽器的預設字型不同,給html規定字型即可解決。下面有各種形式的空格,各有不同 不換行空格,按下空格鍵所產生的空格,受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...