其实这里有很多种方法清除，但是我就记录一种最简单，最好用的方法 font-size: 0(给父元素加)
1.font-size: 0 给父元素加
html
<div style="font-size: 0"> <!--给父元素加font-size:0,子元素加了没用-->
<div class="div1"></div>
<div class="div1"></div>
</div>
css
.div1{
width: 25%;
height: 25vh;
background-color: red;
display: inline-block;
}
其实到这里可能有很多童鞋就会觉得很奇怪了，为什么给父元素加才行，给子元素加就不行了。
开始我也很纳闷，仔细一想，我们是要去除子元素之间的换行，如果给子元素加font-size: 0,是作用在子元素的，并不能去除子元素之间的换行空格。
元素间留白间距出现的原因就是标签段之间的空格。文章去除inline-block元素间间距的N种方法描述了这种情况；...
其实这里有很多种方法清除，但是我就记录一种最简单，最好用的方法 font-size: 0(给父元素加) 1.fon...
一、现象描述 真正意义上的inline-block水平呈现的元素间，换 行显示或空格分隔的情况下会有间距，很简单的...
1、去除inline-block元素间间距的N种方法给父元素设置font-size为0，在子元素中设置正常的fon...
原文转自：张鑫旭-鑫空间-鑫生活本文地址：去除inline-block元素间间距的N种方法 一、现象描述 真正意义...
inline-block元素之间会有间距存在 如何去掉间距？ 1.移除空格 2.使用margin负...
inline-block是一个块状行盒，表现为一个行内元素，它既拥有了块状元素可以设置width和height的特...
一：使用font-size:0 二：使用margin负值
一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例...
HTML Markup CSS Code 上面的demo效果，明显的可以看出，在inline-block的元素之间...
本文标题：去除inline-block元素间间距
本文链接：https://www.haomeiwen.com/subject/ojosdxtx.html
网友评论