flex+margin多行布局

描述：flex布局多行布局中，采用flex-wrap: wrap，行的每项未按照理想方式布局

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

.container .item{
	// 列数
	--n: 8;
	// 剩余宽度
	--bn: clac(100% - var(--n) * 50px);
    // 间隔
    --space: calc(var(--bn) / var(--n) / 2)
	margin: 0 var(--space);
}