flex 弹性盒子

flex containner 容器   、 flex item 内容

flex-direction  默认值为row  水平排列       column 竖直排列

row-reverse  column-reverse  子元素颠倒排列（改变了主轴方向）

justify-content 主要用来控制item主轴的对齐方向

flex-start    flex-end    center 居中分布    space-between 平均分布   space-around  等距分布（每个item元素的两边的距离是相等的）

主轴  交叉轴  （row时  水平方向为主轴   column时  竖直方向为主轴）

align-items  主要用于控制item交叉轴的对齐方向

flex-start flex-end  center    baseline 文字底部基线对齐       stretch 拉伸

flex-wrap  

warp   nowarp 超过宽度之后是否自动换行