• flex-direction：决定主轴的方向，可选值有 row、row-reverse、column、column-reverse。默认是行内方向。
• justify-content：决定子元素在主轴上的对齐方式，可选值有 start（默认）、end、center、space-between、space-around。
• flex-wrap：决定子元素是否换行，可选值有 nowrap（默认）、wrap、wrap-reverse。
• flex-flow：是 flex-direction 和 flex-wrap 的简写形式。例如，flex-flow: row wrap;表示主轴为水平方向，子元素会换行。
• align-items：决定子元素在交叉轴（垂直方向）上的对齐方式，可选值有 start、end、center、stretch（默认）、baseline。
• align-content：决定多根轴线之间的对齐方式，用于多行布局时。可选值有 space-between、space-around、stretch（默认）、start、end。
• flex-grow：子元素在容器中占据空间的比例，数字越大，该项目所占的空间就越多。默认为 0，即如果有剩余空间则不缩放。
• flex-shrink：决定子元素在容器尺寸减小时的缩放比例，数值越大，子元素在宽度或高度变小时也会随着一起缩小。默认为 1，即如果对象超出容器则进行压缩。
• flex-basis：定义了子项目的初始尺寸（main size），可以是像素值、百分比或 auto。auto 表示根据其他项目来确定大小。
• max-width/max-height：设置元素的最大宽度和高度。
• min-width/min-height：设置元素的最小宽度和高度。
• order：定义子项目的排列顺序，数值越小，该项目越靠前显示。默认为 0。

想要了解更多，请参看 https://developer.mozilla.org/en-US/docs/Web/CSS/flex