弹性盒的使用方法
display-flex 转化为弹性盒
justify-content:space-between 水平两端对齐，元素之间间隔相等，两端无间隙
justify-content:space-around 水平居中对齐，两侧有间距，且中间的间距等于侧边的两倍
align-content:space-between 垂直两端对齐，元素之间间隔相等，两端无间隙
align-content:space-around 垂直居中对齐，两侧有间距，且中间的间距等于侧边的两倍
flex-direction:row 水平排列起点在左侧 row-reverse起点在右侧
column垂直方向起点在上 column-reverse垂直方向起点在下
flex-wrap:wrap 换行 no-wrap 不换行
align-items:center 垂直方向水平居中
justify-content:center 水平方向居中