有关弹性盒子flex-wrap、justify-content、align-items、flex-grow属性的介绍

flex-wrap

写在父级，作用于子级
检索子级是否超过父级，说白就是是否换行
值	nowrap	不换行
	wrap	换行
	wrap-reverse	反转wrap排列

justify-content

写在父级，作用于子级
检索弹性盒子在主轴（X）方向上的对齐方式
值	flex-start	左对齐
	flex-end	右对齐
	center	居中
	space-between	两端居左居右，中间等间距
	space-around	N盒子的个数均分为N个空间，盒子在各自空间内居中

align-items

写在父级，作用于子级
检索盒子在Y轴上的对齐方式
值	flex-start	置顶
	flex-end	置底
	center	居中
	baseline	与基线对齐
	stretch	置顶+置底，高度受到min-height和max-height的制约

flex-grow

写在子级
分配剩余空间，值越大，分配的空间越多
值	阿拉伯数字