Flex 布局-容器
1 | div { display: flex | inline-flex } |
属性值
值 | 描述 |
---|---|
flex-direction | flex-direction属性决定主轴的方向(即项目的排列方向)。 |
flex-wrap | 默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,如果一条轴线排不下,如何换行。 |
flex-flow | flex-flow属性是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。 |
justify-content | 项目在主轴上的对齐方式。 |
align-items | 项目在交叉轴上如何对齐。 |
align-content | align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。 |