当宽度不够元素溢出导致换行时，会有一个交叉轴：
当属性为
flex-idrection:column 时，主轴为垂直方向，交叉轴与主轴垂直
主轴的排列方式
控制主轴的属性为
justify-content下面以水平方向为例
一、整体靠一边
默认的方式是在主轴上从左到右，对齐到开始，也就是
justify-content:flex-start
如果是对齐到结束，则是
justify-content:flex-end
如果主轴反转，从右到左，则开始在右边，结束在左边
二、整体居中：justify-content:center
三、左右靠边，中间居中：justify-content:space-between
四、元素左右两边有相同间距：justify-content:space-around
五、平均分配：justify-content:space-evenly
交叉轴的排列方式
控制交叉抽的属性为
align-centent一、整体靠一边
与主轴类似，
flex-start 为交叉轴开始，
flex-end 为交叉轴尾部
