inline-block 元素間存在空隙的解決辦法
將元素的 display 屬性設定為 inline-block 時，inline-block元素之間會呈現出幾畫素的空隙。
html結構
class="box">
class="item">inline-blocka>
class="item">行內塊元素a>
class="item">
a>
class="item">
a>
div>css樣式
.box
.item
如上圖，在四個藍色塊之間存在空隙。
要解決這個問題，需要將 inline-block 元素的父級元素的 font-size 屬性設定為 0 (font-size: 0;)，然後，在 inline-block 元素上重新設定 font-size 為需要的值。
css樣式
css樣式
當 inline-block 元素內有內容的時候，會出現如上圖所示的現象，有內容的元素會向下偏移，這時候只需將 inline-block 元素的 overflow 屬性設定為 hidden 即可(overflow: hidden;)。
css樣式
去除inline block元素間間距
根本原因 inline block元素之間之所以有空白間距是因為空格有字型大小原因。第一種 把 之間的換行空白都去掉。例如 第乙個inline block元素 第二個inline block元素 第二種 把inline block元素用乙個大的div包起來，然後設定其字型大小為0即可，inline ...
去除inline block元素間間距
真正意義上的inline block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距 那麼解決此問題有好多種方法，但是個人比較喜歡使用其中兩種 如下 由於現在html頁面都是使用html5 所以就使用 如下處理 ul class space li href 去除 li href 結束 li hr...
去除inline block元素間間距的N種方法
一 現象描述 真正意義上的inline block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子 間距就來了 我們使用css更改非inline block水平元素為inline block水平，也會有該問題 space a 惆悵 淡定熱血 您可以狠狠地點選這裡 inline b...