mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-22 00:43:36 +08:00
24 lines
349 B
Markdown
24 lines
349 B
Markdown
|
# Flex Order
|
||
|
|
|
||
|
|
- order: 6
|
||
|
|
|
||
|
|
通过 Flex 布局的 Order 来改变元素的排序
|
||
|
|
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
|
||
|
|
````html
|
||
|
|
<div class="row-flex">
|
||
|
|
<div class="col-6 col-order-4">1 col-order-4</div>
|
||
|
|
<div class="col-6 col-order-3">2 col-order-3</div>
|
||
|
|
<div class="col-6 col-order-2">3 col-order-2</div>
|
||
|
|
<div class="col-6 col-order-1">4 col-order-1</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
````
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|