flex布局 一行4个元素 后面不够4个元素对齐

父元素

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

子元素
.list {
width: 24%; 
height: 100px;
background-color: skyblue;
margin-top: 15px;
}
如果是一行3个 就是3n    
.list子元素分4份 也就是24% * 4 = 96% 剩下4%
如果是一行3个 margin-right 也就是除以2 不是除以3了

.list:not(:nth-child(4n)) {
	margin-right: calc(4% / 3);
}

你可能感兴趣的:(css,css3,html,前端)