在felx布局中可以使用gap来设置元素之间的间隔；
.box{
width: 800px;
height: auto;
border: 1px solid green;
display: flex;
flex-wrap: wrap;
gap: 100px;
}
.inner{
width: 200px;
height: 200px;
background-color: skyblue;
}<div class="box">
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
<div class="inner"></div>
</div>效果：文章来源：https://www.toymoban.com/news/detail-727472.html
文章来源地址https://www.toymoban.com/news/detail-727472.html
到了这里，关于css的gap设置元素之间的间隔的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
