display:inline-block元素之间空隙的产生原因和解决办法

产生原因：元素设置 行内块后，元素与元素之间的空白【回车 、换行】都会被浏览器处理，由于 whitt-space：normal 这个默认项，空白会被忽略，但是换行会被解析为一个空白符（类似于 ，当字体大小 font-size 不为0时，就导致产生间隙！！！

解决办法：

1. 父元素设置 font-size：0，  子元素单独设置字体大小；

2.删除标签间的换行符，导致代码可读性变差！！！

3.设置 letter-spacing

4.float：left  【多此一举，本来单单这个属性就可以一行排列元素了，】