如何消除inline-block屬性帶來的標(biāo)簽間間隙
1、給inline-block元素設(shè)置一個父元素。
設(shè)置父元素的font-size：0；。子元素font-size設(shè)置成合適大小，如果不設(shè)置子元素font-size，子元素會繼承父元素的0；
2、給inline-block元素設(shè)置一個父元素。(letter-spacing：字符間距)
設(shè)置父元素的letter-spacing為-4px或-8px，除谷歌是-8px外，其余是-4px。同樣要設(shè)置子元素的letter-spacing：0；否則會
繼承父元素，造成子元素內(nèi)文字變形。
經(jīng)過試驗，統(tǒng)一設(shè)置成-8px，在視覺上沒有什么差異，不知道這樣做可行不可行，如果哪位有意見，隨時可以說。
3、給inline-block元素設(shè)置一個父元素。(word-spacing：單詞間距)
設(shè)置父元素的word-spacing為-4px或-8px，谷歌，360是-8px，火狐，IE是-4px。同樣要設(shè)置子元素的word-spacing：0；否則會繼承父元素，造成子元素內(nèi)文字變形。
同上也可以統(tǒng)一設(shè)置為-8px
4、以上谷歌、火狐、360的測試均是在最新瀏覽器上測試，IE8測試。如有不妥還請告知。
以上內(nèi)容是小編給大家介紹的inline-block屬性帶來的標(biāo)簽間間隙問題，希望對大家有所幫助！
相關(guān)文章
一個收集圖片的bookmarlet(js 刷新頁面中的圖片)
這個代碼是用來在新的頁面內(nèi)顯示當(dāng)前頁面內(nèi)的所有圖片的。2010-05-05
layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法
今天小編就為大家分享一篇layui內(nèi)置模塊layim發(fā)送圖片添加加載動畫的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript實現(xiàn)動態(tài)側(cè)邊欄代碼
這篇文章主要介紹了javascript實現(xiàn)動態(tài)側(cè)邊欄代碼,需要的朋友可以參考下2014-02-02
學(xué)習(xí)RxJS之JavaScript框架Cycle.js
這篇文章主要介紹了學(xué)習(xí)RxJS之JavaScript框架Cycle.js ,它是一個極簡的JavaScript框架（核心部分加上注釋125行），提供了一種函數(shù)式，響應(yīng)式的人機交互接口,需要的朋友可以參考下2019-06-06
在本篇文章里小編給大家整理的是一篇關(guān)于JS中比較兩個Object數(shù)組是否相等方法實例內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-11-11
javascript生成json數(shù)據(jù)簡單示例分享
這篇文章主要介紹了javascript生成json數(shù)據(jù)示例,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了原生JS與JQ獲取元素的區(qū)別詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
下面小編就為大家分享一篇js原生方法被覆蓋,從新賦值原生的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了JS Math對象與Math方法,結(jié)合實例形式總結(jié)分析了javascript中math對象常用屬性與方法相關(guān)使用技巧,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了JavaScript獲取兩個數(shù)組交集的方法,涉及javascript針對數(shù)組的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06