HTML=CSS 4.22Flex换行

main axis:水平的主轴
cross axis:垂直交叉抽
main sart:主轴的开始位置
main end:主轴的结束位置
cross start:交叉轴的开始位置
cross end:交叉轴的结束位置

项目默认沿主轴排列
单个项目占据的主轴空间叫main size
单个项目占据交叉轴空间叫cross size

flex-direction:row/rpw-reverse:改变主轴
row:默认值，从左到右
row-reverse:从右到左
column:从上往下
column-reverse:从下往上

jusrify-content:定义项目在主轴的对齐方式
justify-content:space-between/flex-end/space-around/cener;
space-between:两端对齐。
flex-start：从主轴的开始位置开始排列
flex-end：从主轴的结束位置排列
center：居中
space-around：拉手对齐（环绕对齐）

flex-wrap:决定项目换行
nowrap:默认值，不换行；
wrap:换行显示；
wrap:反向换行；