CSS中为什么设置元素为inner-block,元素之间会有间隔

刚开始在CSS文件中设置内外边距为0

*{
	margin: 0;
	padding: 0;
}

但是,在浏览器上显示时,各个元素设置为inner-block,排列时候还是会有间隔。
解决方法:
1.可以设置为浮动float,然后添加clear:both;来清楚浮动。
2.改变外边距,将外边距设置为负的:margin:-7px 0px;(相对于浏览器来说,外边距差不多是7~8px,如果大可以调成5 ~6px)
3.设置元素字体大小为0 font-size:0px;

我当时用的是改变其外边距为-的。
这里说一下元素继承:
外层元素的元素会被内层元素所继承,多个外层元素,样式会叠加到内层元素;

参考链接:
如何解决inline-block元素的空白间距 css 完美解决
如何去除内联元素(inline-block元素)之间的间距

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值