产生原因:元素是指 行内块后,元素与元素之间的空白【回车 、换行】都会被浏览器处理,由于 whitt-space:normal 这个默认项,空白会被忽略,但是换行会被解析为一个空白符(类似于 ,当字体大小 font-size 不为0时,就导致产生间隙!!!
解决办法:
1. 父元素设置 font-size:0, 子元素单独设置字体大小;
2.删除标签间的换行符,导致代码可读性变差!!!
3.设置 letter-spacing
4.float:left 【多此一举,本来单单这个属性就可以一行排列元素了,】