初识flex

flex-flow的属性是flex-direction：row和flex-wrap：no-wrap的简写形式。

align-content定义与交叉轴的对齐方式，一般是y轴。

order定义属性定义项目的排列顺序，值越大，越靠前。

flex-grow默认为0 ，定义项目的放大比。
flex-grow：1，有剩余空间的占满剩余空间。
flex-grow：2，其他标签的flex-grow： 1，则前一个标签所占位置是后一个标签所占位置的2倍。

flex-shrink默认为1 ，定义项目的缩小比，所有标签的flex-shrink都为1，则等比缩小，如果有一个标签的flex-shrink为0，其他的为1，则为0的不缩小，其他的等比缩小。

flex-basis默认为auto 属性定义了在分配多余空间 之前，项目占据的主轴空间。

flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。

lign-self属性***允许单个项目有与其他项目不一样的对齐方式 ***，可覆盖align-items属性(align-self: auto | flex-start | flex-end | center | baseline | stretch;)。

阮一峰 flex布局教程

css弹性盒子 — 桃园三兄弟