多个span标签之间有空白解决办法

最新推荐文章于 2022-04-06 20:23:11 发布

原创最新推荐文章于 2022-04-06 20:23:11 发布 · 815 阅读

3 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了在CSS布局中使用Flex与浮动的技巧，通过实例演示如何解决元素溢出容器的问题，提供了将display属性设置为flex并启用flex-wrap属性的解决方案。

问题描述 :

.container {
	width: 600px;
	height: 300px;
	border: 1px solid red;
}
.item {
	display: inline-block;
	width: 100px;
	height: 100px;
	border: 1px solid purple;
}
<div class="container">
        <span class="item">1</span>
        <span class="item">2</span>
        <span class="item">3</span>
        <span class="item">4</span>
        <span class="item">5</span>
        <span class="item">6</span>
</div>

在这里插入图片描述