flex 布局

1, 父容器设置成flex,  display:flex, 然后他的一级子条目就是按照flex来布局了,

2, flex-direction:  内部元素的布局方向, 有row, row-reverse, column, column-reverse

3, justify-content:center,  元素水平居中,space-between, 就是元素左右两端对齐

4, align-items:center 元素垂直居中, flex_end  是居底

5, flex-wrap:wrap, 设置换行,  默认内部元素是不换行的

6, 修改flex-direction属性的时候, 主轴和交叉轴也会发生改变