css flex布局有哪些屬性

CSS Flex布局有以下屬性：

1. flex-direction：指定主軸的方向，可以是row（行），column（列），row-reverse（反向行），column-reverse（反向列）。

2. flex-wrap：指定是否換行，默認(rèn)為nowrap（不換行），可選的屬性有wrap（換行）和wrap-reverse（反向換行）。

3. flex-flow：是flex-direction和flex-wrap的簡寫形式，兩個(gè)屬性之間用空格分隔。

4. justify-content：指定項(xiàng)目在主軸上的對(duì)齊方式，可選的屬性有flex-start（起點(diǎn)對(duì)齊），flex-end（終點(diǎn)對(duì)齊），center（居中對(duì)齊），space-between（兩端對(duì)齊，項(xiàng)目之間間隔相等），space-around（每個(gè)項(xiàng)目兩側(cè)的間隔相等）。

5. align-items：指定項(xiàng)目在交叉軸上的對(duì)齊方式，可選的屬性有flex-start（起點(diǎn)對(duì)齊），flex-end（終點(diǎn)對(duì)齊），center（居中對(duì)齊），baseline（以基線對(duì)齊），stretch（拉伸填滿交叉軸）。

6. align-content：只有一行時(shí)無效，多行時(shí)指定行與行之間的對(duì)齊方式，可選的屬性有flex-start（起點(diǎn)對(duì)齊），flex-end（終點(diǎn)對(duì)齊），center（居中對(duì)齊），space-between（兩端對(duì)齊，行之間間隔相等），space-around（每行兩側(cè)的間隔相等），stretch（拉伸填滿交叉軸）。

7. flex：指定項(xiàng)目的伸縮比例，默認(rèn)為0，即不伸縮。如果有多個(gè)項(xiàng)目，并且設(shè)置了flex屬性，會(huì)按照比例分配剩余空間。

8. order：指定項(xiàng)目的顯示順序，默認(rèn)為0。數(shù)值越小，排列越靠前。