flex由容器，项目，主轴和交叉轴组成。 容器的6个属性： flex-direction：设置主轴方向，column代表垂直方向，row代表水平方向。 flex-wrap：wrap代表换行，no-wrap代表不换行。 flex-flow：可以将flex-direction和flex-wrap合并在一起。
justify-content：flex-start（默认值）：左对齐，flex-end：右对齐，center： 居中 space-between：两端对齐，项目之间的间隔都相等。space-around：每个项目两侧的间隔相等。
align-items：flex-start：交叉轴的起点对齐。flex-end：交叉轴的终点对齐。 center：交叉轴的中点对齐。baseline: 项目的第一行文字的基线对齐。 stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。
align-content：flex-start：与交叉轴的起点对齐。flex-end：与交叉轴的终点对齐。 center：与交叉轴的中点对齐。space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。space-around：每根轴线两侧的间隔都相等。 stretch（默认值）：轴线占满整个交叉轴
项目的6个属性： order：设置先后顺序，谁小谁在前。 flex-grow：定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink：如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。
flex-basis：设置项目的大小的。 flex：可以将前面的简写。 align-self：允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。
