css flex布局有哪几种属性

CSS Flex布局有以下属性：
1. flex-direction：指定主轴的方向，可以是row（行），column（列），row-reverse（反向行），column-reverse（反向列）。
2. flex-wrap：指定是否是换行，默许为nowrap（不换行），可选的属性有wrap（换行）和wrap-reverse（反向换行）。
3. flex-flow：是flex-direction和flex-wrap的简写情势，两个属性之间用空格分隔。
4. justify-content：指定项目在主轴上的对齐方式，可选的属性有flex-start（出发点对齐），flex-end（终点对齐），center（居中对齐），space-between（两端对齐，项目之间间隔相等），space-around（每一个项目两侧的间隔相等）。
5. align-items：指定项目在交叉轴上的对齐方式，可选的属性有flex-start（出发点对齐），flex-end（终点对齐），center（居中对齐），baseline（以基线对齐），stretch（拉伸填满交叉轴）。
6. align-content：只有一行时无效，多行时指定行与行之间的对齐方式，可选的属性有flex-start（出发点对齐），flex-end（终点对齐），center（居中对齐），space-between（两端对齐，行之间间隔相等），space-around（每行两侧的间隔相等），stretch（拉伸填满交叉轴）。
7. flex：指定项目的伸缩比例，默许为0，即不伸缩。如果有多个项目，并且设置了flex属性，会依照比例分配剩余空间。
8. order：指定项目的显示顺序，默许为0。数值越小，排列越靠前。