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;
