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。數值越小，排列越靠前。
