去除inline-block元素間距的幾種方法

當我們使用inline-block 時,會出現空白間距問題。

但這些間距對我們的布局,或兼容性產生影響,我們需要去除它,該怎么辦?下面簡單介紹幾種方法:

1.去掉html元素之間的空格,直接寫在一行。

2.使用margin負值,通常可設置為margin:-4px

3.使用font-size:0。父元素設置為font-size:0,再把inline-block元素重新設置font-size;

4.使用float,不用inline-block。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容