容器（父元素）的属性：
flex-direction属性决定主轴的方向
flex-wrap 属性决定项目在一行排不下的情况下是否换行
flex-flow flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
jstify-content justify-content属性定义了项目在主轴上的对齐方式
align-items 属性定义了每行项目在側轴方向上的对齐方式\
align-content属性 align-content属性定义了容器在側轴方向上有额外空间时怎样排布
子容器
order属性 order属性定义项目的排列顺序。数值越小排列越靠前，默觉得0，可能的值为随意整数。
flex-grow属性 flex-grow属性定义项目的放大比例，默觉得0，即假设存在剩余空间也不放大。
flex-shrink属性 flex-shrink属性定义了项目的缩小比例，默觉得1。即假设空间不足该项目将缩小。
flex-basis 属性定义了在分配多余空间之前，项目占领的主轴空间（main-size）。
flex属性 flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。
align-self属性 align-self属性同意单个项目有与其它项目不一样的側轴对齐方式，可覆盖align-items属性。