最近在写模板时发现一个问题，横排排列时，代码中换行，会出现一点空虚3px

以前一直没有发现，可能是因为之前一直用float来排列，最近直接用inline-block排列！明明计算好了宽度，总是会挤出最后一个。通过审查元素，发现两个元素之间有个空隙

百度了一下，没有更好的方式，只有这几种！

1、写代码时不换行

老实说，这种视觉上很不好，写着写着就会有些乱

2、父元素设置font-size:0;子元素在设置字体大小

这种可以接受，在需要的地方设置父元素字体font-size:0

3、设置偏移3px：margin-left:-3px

这种不太建议，在排列时，第一个也会偏移。

4、用注释链接两个元素，回车从注释中间回车

这种感觉还可以，就是每次都需要记得注释！

目前选择了第一种方式，写完之后在清除回车！需要修改的时候再格式化一下代码！