排序
.order 类可以设置弹性子元素的排序,从 .order-1 到 .order-12,数字越低权重越高( .order-1 排在 .order-2 之前) :
实例
Flex item 1
Flex item 2
Flex item 3
尝试一下 »
外边距
.ms-auto 类可以设置子元素右外边距为 auto,即 margin-right: auto!important;,.me-auto 类可以设置子元素左外边距为 auto,即 margin-left: auto!important;:
实例
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3
尝试一下 »
包裹
弹性容器中包裹子元素可以使用以下三个类: .flex-nowrap (默认), .flex-wrap 或 .flex-wrap-reverse。设置 flex 容器是单行或者多行。
实例
..
..
..