Skip to content

order

效果

使用 order-* 应用CSS属性 order 设置当前元素在 Flex 容器中的排列顺序。

1
order-12
2
order-11
3
order-10
4
order-9
5
order-8
6
order-7
7
order-6
8
order-5
9
order-4
10
order-3
11
order-2
12
order-1

使用 order-firstorder-lastorder-none 也可以改变 Flex 子元素排列顺序。

0
order-last
1
order-first
2
order-none

MIT License (MIT)