.container {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(auto-fill, 100px);//间距100px
grid-gap: 15px 5px;//上下15px左右5px
width: 450px;
}
.list {
width: 100px;
height:100px;
background-color: #008855;
margin-top: 10px;
}
<div class="container">
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
<div class="list"></div>
</div>