今天要做 這種效果的圖。我是用span做的 圖文與圖文按鈕。因為行內(nèi)元素沒有width與height，（雖然可以用padding撐大），本人更喜歡用width與height。于是用了display：inline-block將span變?yōu)樾袃?nèi)塊級元素。之后兩個span之間出現(xiàn)了一些間距。谷歌了一下找到了一些方法。https://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements這里提供了4種方法。我用了其中兩種可行，記錄一下，加強(qiáng)記憶吧。

1.對左邊的span加margin-right：-4px（原博客中說是2個inline-block之間的間距是4px）。可行。

2.對2個span的父盒子加font-size：0；再對這兩個span分別設(shè)置字號。可行。

再記錄一下今天遇到的一個問題：

一個大盒子div-parent與屏幕同寬，兩個子盒子：div-left與div-right，兩個子盒子按比例分父親的width，div-left左浮動，div-right右浮動。當(dāng)瀏覽器頁面縮小之后，div-right掉下去了。掙扎了許久，給div-parent設(shè)置了min-width之后，就可以縮放瀏覽器頁面了。我也很奇怪，暫時還沒有找到滿意且理解的答案。后續(xù)更新。

?

轉(zhuǎn)載于:https://www.cnblogs.com/rsnowing/p/7252391.html

總結(jié)

以上是生活随笔為你收集整理的关于去除2个inline-block之间的间距的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。