有缝隙的原因是因为html中把换行当做一个字符,解决方法如下:
1、父元素设置字号为0,个人比较推荐这个。
font-size: 0;
2、html不换行,这个不适合强迫症的我。
<div class="box">
<span>发布:2019-12-12</span>
<span>阅读:1175次</span>
</div>
变成下方排版
<div class="box">
<span>发布:2019-12-12</span><span>阅读:1175次</span>
</div>
3、float: left;这个有点局限性,我也不是很喜欢。
4、margin: -2px;
本文详细介绍了在HTML中消除因换行符导致的元素间隙的方法,包括调整父元素字号、避免使用换行、使用float属性及负margin技巧,旨在帮助前端开发者解决布局问题。

2185

被折叠的 条评论
为什么被折叠?



