Flex 布局详解

flex-direction：
使用在display:flex的父容器里，改变横轴的方向：
1.flex-direction:row:默认值,从左到右
2.flex-direction:row-reverse:从右到左
3.flex-direction:column:从上到下
4.flex-direction:column-reverse:从下到上
flex-wrap：
使用在display:flex的父容器里，改变纵轴的方向：
1.flex-wrap:nowrap:默认值，不换行
2.flex-wrap:wrap:wrap;flex-direction:row:换行，从左到右,从上到下的换行
3.flex-wrap:wrap-reverse；flex-direction:row:从左到右，从下到上的换行
4.flex-wrap:wrap-reverse；flex-direction:column:从上到下的换行，并且从右到左
5.flex-wrap:wrap；flex-direction:column:；
flex-flow：
flex-flow为flex-direction和flex-wrap的缩写方式
flex-flow:<'flex-direction'>||<