flex布局 一行4個元素 后面不夠4個元素對齊

html

父元素

.container {
display: flex;
flex-wrap: wrap;
}

子元素
.list {
width: 24%; height: 100px;
background-color: skyblue;
margin-top: 15px;
}
.list:not(:nth-child(4n)) {
margin-right: calc(4% / 3);
}