Flex 弹性盒模型（子项）

作用在 flex 子项上的CSS属性

取值 　　　　　　 含义

order　　　　　　 可以通过设置 order 改变某一个 flex 子项的排序位置。所有 flex 子项的默认 order 属性值是0.

　　　　　　　　　　（对当前子项进行排序处理）

flex-grow　　　　  属性中的 grow 是扩展的意思，扩展的就是 flex 子项所占据的宽度，扩展所侵占的空间就是除去

　　　　　　　　　　元素外的剩余的空白间隙。默认值为0。值不能比0小。整个空余空间总和是1。

flex-shrink 　　　　属性中的 shrink 是收缩的意思，flex-shrink 主要处理当 flex 容器空间不足的时候，单个元素的

　　　　　　　　　　收缩比例。默认值是1。收缩依据元素本来大小收缩。

flex-basis flex-basis 　　定义了在分配剩余空间之前元素的默认大小。（重新设定宽度，收缩状态不可用）

flex flex 　　　　　　　　属性是 flex-grow，flex-shrink 和 flex-basis 的缩写。

align-self align-self　　　　 指控制单独某一个 flex 子项的垂直对齐方式。