真正意義上的inline-block水平呈現的元素間，換行顯示或空格分隔的情況下會有間距，很簡單的個例子：
消除間隙一：消掉空格的三種方法
="space"
>
"">
a1<
/a>
"">
a2<
/a>
"">
a3<
/a>
<
/div>
="space"
>
"">a1<
/a >
"">a2<
/a >
"">a3<
/a>
<
/div>
="space"
>
"">a1<
/a>
"">a2<
/a>
"">a3<
/a>
<
/div>消除間隙二：去掉閉合標籤
="space"
>
"">a1
"">a2
"">a3<
/a>
<
/div>注意，為了向下相容ie6/ie7等瀏覽器，最後乙個列表的標籤的結束（閉合）標籤不能丟。在html5中，我們直接：全部去掉閉合標籤
="space"
>
"">a1
"">a2
"">a3
<
/div>
.space a
.space.space.space
.space a
/*乙個是字元間距(letter-spacing)乙個是單詞間距*/
/*(word-spacing)， 大同小異。據我測試，word-spacing的負值只要大到*/
/*一定程度，其相容性上的差異就可以被忽略。因為，貌似*/
/*，word-spacing即使負值很大，也不會發生重疊。*/
對應**在部落格/inline-block去除間隙
消除inline block產生的間隙
在水平對齊方法中display inline block是一種很方便的方法，但是使用時會有一點小瑕疵。當子元素標籤與標籤之間存在空格 盒子一 盒子二則兩個盒子之間會產生間隙，如下 方法一 既然間隙是由於標籤之間的空格，那最簡單的方法就是刪除空格了，但在實際 編寫中，為了 的可讀性，我們更喜歡保留空格...
去掉inline block元素間隙
目錄 1 標籤寫在一行，移除標籤間的空格 2 利用html注釋標籤 3 在父容器上使用font size 0 可以消除間隙 做頁面時，如果用到inline block元素來布局，就無可避免都會遇到乙個問題，就是inline block元素之間的間隙。這些間隙會導致一些布局上的問題，需要把間隙去掉。我...
inline block元素間隙處理
要使多個塊級元素並行顯示，可使用float或者inline block進行處理 使用inline block會出現元素之間的間隙 div class demo p 我是乙個span p p 我是乙個span p p 我是乙個span p p 我是乙個span p div demo span 如圖 間...