2021-06-04弹性布局

弹性布局：

给父元素加 display: flex;

定义弹性盒的主轴方向 这个方向规定了弹性项的基本排列方式
默认值是row row表示主轴方向为横向
column 表示主轴方向为纵向
row-reverse 横向倒序排列
column-reverse 纵向倒序排列
flex-direction: row;

justify-content：
定义弹性项在主轴方向上的排列方式
flex-start 弹性项沿开始方向布局
flex-end 弹性项尾部对齐
space-between 两边对齐中间留白
space-around 两边的空白是弹性项中间的一半
center居中对齐

换行：
flex-wrap wrap换行 no wrap不换行

剩下的懒得写！！！