弹性盒布局 flex项目属性介绍

　　1.order设置flex项目的排列顺序，值越小越靠前

　　2.align-self设置某个felx项目不同于其他flex项目的交叉轴对齐方式

　　语法:

align-self: flex-start | flex-end | center | baseline | stretch;

　　3.flex-grow设置flex项目的放大比例

　　语法:

flex-grow： 0;

　　默认值为0，即使存在剩余空间，也不放大;

　　当值为1是，flex项目等比例放大。

　　4.flex-shrink设置flex项目缩小比例

　　语法:

flex-shrink: 1;

　　默认值为1，当flex容器空间不足时，flex项目将会等比例缩小;

　　当值为0时，即使flex容器空间不足，flex项目也不会缩小。

　　5.flex-basis再分配剩余空间之前，设置flex项目占据主轴的空间

　　语法:

flex-basis: auto;

　　auto为默认值

　　6.flex是flex-grow，flex-shrink，flex-basis的简写方式

　　默认值为flex:0 1 auto;

　　注:flex:1;的应用

　　①等比例分配空间

　　②分配剩余空间

　　注:flex:1;等价于flex:1 1 0%;