如何消除inline-block屬性帶來的標籤間間隙，inline-block間隙

如何消除inline-block屬性帶來的標籤間間隙，inline-block間隙

1、給inline-block元素設定一個父元素。

　　設定父元素的font-size：0；。子項目font-size設定成合適大小，如果不設定子項目font-size，子項目會繼承父元素的0；

2、給inline-block元素設定一個父元素。(letter-spacing：字元間距)

　設定父元素的letter-spacing為-4px或-8px，除Google是-8px外，其餘是-4px。同樣要設定子項目的letter-spacing：0；否則會

繼承父元素，造成子項目內文字變形。

　　經過實驗，統一設定成-8px，在視覺上沒有什麼差異，不知道這樣做可行不可行，如果哪位有意見，隨時可以說。

3、給inline-block元素設定一個父元素。(word-spacing：單詞間距)

　　設定父元素的word-spacing為-4px或-8px，Google，360是-8px，Firefox，IE是-4px。同樣要設定子項目的word-spacing：0；否則會繼承父元素，造成子項目內文字變形。

　　同上也可以統一設定為-8px

4、以上Google、Firefox、360的測試均是在最新瀏覽器上測試，IE8測試。如有不妥還請告知。

以上內容是小編給大家介紹的inline-block屬性帶來的標籤間間隙問題，希望對大家有所協助！

您可能感興趣的文章:

• 塊元素block element和內嵌元素inline element
• 塊元素block element和內嵌元素inline element
• 類比相容性的 inline-block 屬性