flex-弹性盒子 二

除了给容器添加 还可以给项目添加属性

属性如下：

1. order   定义项目的排列顺序 数值越小 排列越靠前 默认为0
2. flex-grow 定义项目放大比例 默认为0 如果存在剩余空间 也不放大
3. flex-shrink 定义项目缩小比例，默认为1 空间不足 项目将缩小
4. flex-basis定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小
5. flex 简写形式是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选
6. align-self 默认为auto 可覆盖align-items属性,有以下属性值：

| flex-start | flex-end | center | baseline | stretch