CSS Flex布局有以下属性：
flex-direction：指定主轴的方向，可以是row（行），column（列），row-reverse（反向行），column-reverse（反向列）。
flex-wrap：指定是否换行，默认为nowrap（不换行），可选的属性有wrap（换行）和wrap-reverse（反向换行）。
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（拉伸填满交叉轴）。
align-content：只有一行时无效，多行时指定行与行之间的对齐方式，可选的属性有flex-start（起点对齐），flex-end（终点对齐），center（居中对齐），space-between（两端对齐，行之间间隔相等），space-around（每行两侧的间隔相等），stretch（拉伸填满交叉轴）。
flex：指定项目的伸缩比例，默认为0，即不伸缩。如果有多个项目，并且设置了flex属性，会按照比例分配剩余空间。
order：指定项目的显示顺序，默认为0。数值越小，排列越靠前。
