当前位置: 首页 » 标签:html

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

最近在写模板时发现一个问题,横排排列时,代码中换行,会出现一点空虚3px 以前一直没有发现,可能是因为之前一直用float来排列,最近直接用inline-block排列!明明计算好了宽度,总是会挤出最后一个。通过审查元素,发现两个元素之间有个空隙 百度了一下,没有更好的方式,只有这几种! 1、写代码时不换行 老实说,这种视觉上很不好,写着写着就会有些乱 2、父元素设置font-size:0;子元素在设置字体大小 这种可以接受,在需要的地方设置父元素字体font-size:0 3、设置偏移3px:margin-left:-3px 这种不太建议,在排列时,第一个也会偏移。 4、用注释链接两个元素,回车从注释<!——>中间回车 这种感觉还可以,就是每次都需要记得注释! 目前选择了第一种方式,写完之后在清除回车!需要修改的时候再格式化一下代码!
笔记 ·
Zero零分
站龄14年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
464
文章
36
评论
27
分类
819
标签
7
友链
onlinelovesky 317355746 122551965@qq.com

百度广告