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-first、order-last、order-none 也可以改变 Flex 子元素排列顺序。

0

order-last

1

order-first

2

order-none