CSS中display: inline-block;缝隙问题

本文详细介绍了在HTML中消除因换行符导致的元素间隙的方法,包括调整父元素字号、避免使用换行、使用float属性及负margin技巧,旨在帮助前端开发者解决布局问题。

有缝隙的原因是因为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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值