flex布局有哪些屬性

| 企服解答

flex布局的屬性有：1、flex-direction，屬于設置主軸的方向，即子元素的排列方向；2、justify-content，屬于設置主軸上的子元素排列方式；flex-wrap，屬性可以將容器設置為是否是換行的；3、align-content，屬性能夠設置自由盒內部各個項目在垂直方向排列方式；4、align-items，屬性能夠設置自由盒內部各個項目在垂直方向排列方式；5、flex-flow，屬性相當于同時設置了flex-direction 和 flex-wrap。

flex布局有哪些屬性

1.flex-direction

flex-direction屬于設置主軸的方向，即子元素的排列方向。包括了包括row、column、row-reverse、column-reverse。

2.justify-content

justify-content屬于設置主軸上的子元素排列方式，是用于設置或檢索彈性盒子元素在主軸方向上的對齊方式。

3.flex-wrap

flex-wrap屬性可以將容器設置為是否是換行的。

4.align-content

align-content屬性能夠設置自由盒內部各個項目在垂直方向排列方式。

5.align-items

align-items屬性定義了項目在交叉軸上如何對齊。

6.flex-flow

flex-flow屬性相當于同時設置了flex-direction 和 flex-wrap。