flex 设置换行flex-wrap

/* 分类导航栏 */
.bannerSort{

}
.bannerSort ul{
	width: 100%;
	list-style: none;
	display: flex;
	flex-wrap:wrap;
}
/* 这种是通过浮动加百分比换行 */
/* .bannerSort ul li{
	float:left;
	width: 25%;
	text-align: center;
}
.bannerSort ul li img{
	width: 70%;
	vertical-align: bottom;
}  */
/* 这种是通过flex-wrap，注意一定要写width、max-minwidth才会有效果 */
.bannerSort ul li{
	width: 25%;
	max-width: 25%;
	min-width: 25%;
	text-align: center;
}
.bannerSort ul li img{
	width: 70%;
	vertical-align: bottom;
}

　flex-wrap如果其子元素不加max-width、min-width单单加width是不会生效的就会像下图那样不生效