多列布局方式

.box {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.box .box-item {
width: 100px;
margin-bottom: 10px;
margin-right: 10px;
}

.box .box-item:nth-of-type(4n) {
margin-right: 0;
}