display:flex有那些属性

display:flex是CSS中的一个属性，用于将元素设置为Flex容器，使子元素成为Flex项目。display:flex属性本身不包含任何属性值，它只是将元素设置为Flex容器。

然而，display:flex属性可以与一系列的Flex子属性一起使用，以控制Flex布局的各种方面。以下是一些常用的Flex子属性：

1. flex-direction：用于定义主轴的方向，决定子项目的排列方式。可选值有row（默认值，沿水平方向排列）、row-reverse、column（沿垂直方向排列）和column-reverse。
2. flex-wrap：用于控制子项目是否换行。可选值有nowrap（默认值，不换行）、wrap（换行）和wrap-reverse（反向换行）。
3. flex-flow：简写属性，用于同时设置flex-direction和flex-wrap。
4. flex：用于设置主轴上的弹性大小。可选值有auto（默认值，根据容器大小自动调整）、none（不伸缩）、flex-grow（伸缩因子，表示各项目在主轴上伸展的相对比例）、flex-shrink（收缩因子，表示项目在主轴上收缩的相对比例）和fixed（指定项目在主轴上的具体大小）。
5. align-items和align-self：用于在交叉轴上对齐项目。align-items用于设置容器内项目在交叉轴上的对齐方式，align-self用于设置单个项目的对齐方式，可以覆盖容器级别的对齐设置。
6. justify-content：用于在主轴上对齐项目。

这些属性可以单独使用，也可以组合使用，以实现更复杂的Flex布局效果。请注意，这些属性需要在display:flex的元素上设置，才能生效。