1.设置弹性布局

display:flex;

display:inline-flex;

2.设置排列方式

flex-direction:row/column/row-reverse/column-reverse

3.溢出换行

flex-wrap:wrap/wrap-reverse

4.统一设置元素排列方式与换行

flex-flow:column wrap

5.控制主轴的对齐方式

justify-content:flex-star/flex-end/center/space-between/space-around/space-evenly;

6.交叉轴的排列方式

align-items:flex-star/flex-end/center/space-between/space-around/space-evenly/stretch(拉抻);

7.弹性元素交叉轴控制

align-self:flex-star/flex-end/center/space-between/space-around/space-evenly/stretch(拉抻)

8.元素可用空间分配

flex-grow：0,1,2,3...

9.元素动态缩小的处理技巧

flex-shrink:0(不缩小)，1,2,3.。。。

10.主轴的基本尺寸定义

flex-basis:数字px

优先级：max-height > flex-basis > height

11.组合属性

flex-grow:1;

flex-shrink:2;

flex-basis:100px;

可以写成：flex:1 2 100px;

12.控制弹性元素的排列

order:1;