CSS 技巧篇(六)：display設置元素爲行內元素時，元素之間存在間隙問題

問題

在使用display將元素設置爲行內元素的同時(例如：inline、inline-block等)，將margin所有設置爲0，padding所有設置爲0的時候，我發現了元素之間竟然還存在着間隙！！！？？？以下圖所示：

---

緣由

之因此存在間隙是因爲元素標籤之間留有空白字符形成的。

解決方案

一、第一種 消除元素標籤之間的空白字符，把標籤連在一塊兒。

二、第二種：
第一步：在這些行內元素的父元素上設置font-size設置爲0；
第二步：在行內元素上設置正常的字體顯示大小，例如:font-size:14px;

以下圖顯示：

---

這個時候行內元素之間的間隙就消失不見了！