弹性盒子模型

容器

属性	值
flex-direction（项目的排列方向）	row / row-reverse / column / column-reverse
flex-wrap（换行）	nowrap / wrap / wrap-reverse;
justify-content（对齐方式）	flex-start / flex-end / center / space-between / space-around
align-items（非主轴如何对齐）	flex-start / flex-end / center / baseline / stretch
align-content（多轴线对齐）	flex-start / lex-end / center / space-between / space-around / stretch

项目

属性	值
order	（排列顺序 数值越小 排列越靠前 默认为0）
flex-grow	（放大比例 默认为0）
flex-shrink	（缩小比例 默认为0）
flex-basis	（在分配多余空间之前，项目占据的主轴空间 默认为auto）
align-self	（允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性 默认为auto）

推荐一个大神的博客：阮一峰：flex布局教程