flex弹性布局

首选父元素设置 display:flex;

子元素的内容必须是在文档流中。

方向：

flex-direction 默认row  按行排列

　　　　　　  row-reverse 反向行排列

　　　　　　  column 从上到下

　　　　　　  column-reverse 从下到上

2.flex-wrap  no-wrap 默认不换行。

　　　　　　wrap 换行

　　　　　　wrap-reverse 反向换行

3. flex-flow 默认 initial  <flex-direction>|< flex-wrap>

4.order 排列顺序 -1 0 1 

 

弹性相关属性

　　1.flex-basis 

　　2.flex-grow 等分空间

　　3.flex-shrink 负数空间

最重要的 flex