問題
在使用display將元素設定為行內元素的同時(例如：inline、inline-block等)，將margin全部設定為0，padding全部設定為0的時候，我發現了元素之間居然還存在著間隙！！！？？？如下圖所示：
原因
之所以存在間隙是由於元素標籤之間留有空白字元造成的。
解決方案
1、第一種 消除元素標籤之間的空白字元，把標籤連在一起。
2、第二種：
第一步：在這些行內元素的父元素上設定font-size設定為0；
第二步：在行內元素上設定正常的字型顯示大小，例如:font-size:14px;
如下圖顯示：
這個時候行內元素之間的間隙就消失不見了！