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。