CSS的Flex布局并排间距换行间距和每几个元素换行间隔

直接上例子，每4个元素换行并设置10px的间距

ul{
	display: flex;
	flex-wrap: wrap; /*flex弹性换行*/
	margin: -10px; /*父元素抵消掉子元素的间距*/
}
ul li{
	margin: 10px; /*子元素之间的间距*/
	flex-basis: calc(100% / 4 - 30px); /*元素宽度，100%除以4个元素再减去总间距 */
}