当前位置: 首页 » 笔记 » html代码换行时出现空隙间隔3px解决方案

html代码换行时出现空隙间隔3px解决方案

零分笔记4242023-01-31 01:31

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

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

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

1、写代码时不换行

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

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

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

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

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

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

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

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

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2517
文章
13
分类
3818
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com