inline block的相容性問題

2022-07-18 14:09:21 字數 488 閱讀 5953

inline-block是元素display屬性的乙個值。這個名字的由來是因為,display設定這個值的元素,兼具行內元素( inline elements)跟塊級元素(block elements)的特徵。

display:inline-block;
相容性:

ie6、ie7不識別inline-block但可以觸發塊元素。

其它主流瀏覽器均支援inline-block。

解決ie6、ie7相容性的方法:

1、首先設定inline-block觸發塊元素,具有了layout的特性,然後設定display:inline使塊元素呈現內聯元素,此時layout的特性不會消失。

2、直接設定display:inline,使用zoom:1觸發layout。

相容所有瀏覽器的方法是:

display:inline-block;

*display:inline;

*zoom:1;

模擬相容性的 inline block 屬性

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

inline block的相容性問題

我們都知道在ie6 7 中用 display block zoom 1 可以解決 inline block 的相容問題 很多人認為ie6 7 是不支援inline block的,嚴格來說應該是 ie6 7 對 inline block 支援的不夠完全 這個要分兩種情況來說 第一種 當塊級元素設定 d...

相容性(空格相容性)

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