flex

/给父盒子加/
display: flex;
/flex-direction:改变主轴
row：左边
row-reverse反向/
/flex-direction: row-reverse;/
/column竖
column-reverse反向/
/flex-direction:column-reverse;/
flex-direction: row;
/flex-start:主轴开始位置;
flex-end:主轴结束位置;
center:中间位置/
/space-between:两端对齐/
/space-around:分散对齐 拉手对齐/
justify-content:flex-start;
/只有一行 align-items交叉轴/
/flex-start:主轴开始位置;
flex-end:主轴结束位置;
center:中间位置/
align-items:center ;
/nowrap:不换行;
wrap:换行;
wrap-reverse:反向换行/
flex-wrap:wrap;
align-content: flex-start;
/align-content:多行/
/flex-start:主轴开始位置;
flex-end:主轴结束位置;
center:中间位置/
/space-between:两端对齐/
/space-around:分散对齐 拉手对齐/