为什么margin:0;padding:0还是有缝隙 您所在的位置:网站首页 origin合并图表垂直间距为0了怎么还有间距 为什么margin:0;padding:0还是有缝隙

为什么margin:0;padding:0还是有缝隙

2024-07-12 06:11| 来源: 网络整理| 查看: 265

在一些情况下,我们设置了margin:0;padding:0,然后发现元素之间还是有缝隙,但是检查样式、盒模型等,发现都没有问题。

这是为什么呢?

原因:两个内联元素之间有换行或空格。

代码如下:(前为CSS样式,后为HTML代码,分析发现确实存在换行操作)

.intr-list li{ /*float: left;*/ display: inline-block; width: 200px; background-color: red; }

0元

免费试用

0元

免费试用

0元

免费试用

0元

免费试用

0元

免费试用

0元

免费试用

结果如下:(此时由于换行的存在导致元素溢出父元素)

 

解决办法: 去除代码中的空格或换行(但是代码会变得不好看)使用float:left进行浮动设置(记得清除浮动) 解决之后效果图(使用的浮动,使用浮动可删去display属性):



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有