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

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

解决办法:

1. 父元素设置 font-size:0,  子元素单独设置字体大小;

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

3.设置 letter-spacing

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

原文地址:https://www.cnblogs.com/Hijacku/p/14973015.html