水平方向
.flex-row 可以设置弹性子元素水平显示,这是默认的。
使用 .flex-row-reverse 类用于设置右对齐显示,即与 .flex-row 方向相反。
实例
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
尝试一下 »
垂直方向
.flex-column 类用于设置弹性子元素垂直方向显示, .flex-column-reverse 用于翻转子元素:
实例
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3