📜  CSS Flex-direction属性

📅  最后修改于: 2020-11-05 09:12:18             🧑  作者: Mango

CSS Flex-direction属性

flex-direction属性用于设置flex容器内的柔性商品的方向。它的默认值是row(从左到右,从上到下)。

其他可能的值为:

  • row-reverse
  • column
  • column-reverse

使用行保留值

让我们以一个示例来说明行反向值的用法。

请参阅以下示例:







flex item 1
flex item 2
flex item 3

使用列值

让我们以一个示例来演示列值的用法。

请参阅以下示例:







flex item 1
flex item 2
flex item 3

使用列保留值

让我们以一个示例来演示column-reserve值的用法。

请参阅以下示例:







flex item 1
flex item 2
flex item 3