css 去掉两个div间距,css怎么去掉div间距?

css去掉div间距的方法:首先设置div的css属性margin和padding为0;然后设置div父级元素的font-size为0;最后再设置div的font-size为16px即可。

fa1a8e0281398f7d36d1235a4f0340d1.png

css怎么去掉div间距?

1、去除div内部间距和外部间距div{

margin: 0;

padding: 0;

}

2、去除div之间的间距

默认情况下,div之间是没有间距的,如果设置了display: inline-block,则会出现间距。(推荐学习:CSS视频教程)

Document

div{

display: inline-block;

border: 1px solid #000;

}

1
2
3

效果:

5eca989afd59d8c1dbc41183cb040a0a.png

原因,写代码时,换行缩进造成的出现空格。

解决方法:

设置父级元素font-size为0,再重新设置div的font-size即可body{

font-size: 0;

}

div{

font-size: 16px;

}

124e7b52969f4b45fd8bbd44f1c3aee0.png

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值