父元素添加 display ：flex；
具体属性：justify-content：center； 居中
space-between； 两端对齐
space-around； 子元素拉手分布
flex-start； 居左对齐
flex-end； 居右对齐
align-items：center； 垂直排列居中
flex-start； 垂直排列顶部对齐
flex-end； 垂直排列底部对齐
flex-direction：row； 横向排列
row-reverse； 横向排列前后调换
column； 纵向排列
column-reverse； 纵向排列上下调换
