CSS 技巧篇(六)：display设置元素为行内元素时，元素之间存在间隙问题

在使用display将元素设置为行内元素的同时(例如：inline、inline-block等)，将margin全部设置为0，padding全部设置为0的时候，我发现了元素之间居然还存在着间隙！！！？？？如下图所示：

不知道哪里冒出来的这个间隙，现在给出解决方案：
第一步：在这些行内元素的父元素上设置font-size设置为0；
第二步：在行内元素上设置正常的字体显示大小，例如:font-size:14px;

如下图显示：

这个时候行内元素之间的间隙就消失不见了！