html代码换行时出现空隙间隔3px解决方案
最近在写模板时发现一个问题,横排排列时,代码中换行,会出现一点空虚3px
以前一直没有发现,可能是因为之前一直用float来排列,最近直接用inline-block排列!明明计算好了宽度,总是会挤出最后一个。通过审查元素,发现两个元素之间有个空隙
百度了一下,没有更好的方式,只有这几种!
1、写代码时不换行
老实说,这种视觉上很不好,写着写着就会有些乱
2、父元素设置font-size:0;子元素在设置字体大小
这种可以接受,在需要的地方设置父元素字体font-size:0
3、设置偏移3px:margin-left:-3px
这种不太建议,在排列时,第一个也会偏移。
4、用注释链接两个元素,