order
- 版本：CSS3
- 媒体：视觉
语法：
取值：
- <integer>：
- 用整数值来定义排列顺序，数值小的排在前面。可以为负值。
说明：
设置或检索弹性盒模型对象的子元素出現的順序。
-
order定义将会影响 <' position '> 值为
static元素的层叠级别，数值小的会被数值大的盖住。demo：
.test { display: flex; } .item2 { order: -1; margin: -30px; } <div class="test"> <p class="item1">flex item1</p> <p class="item2">flex item2</p> </div> 此时，item1将会盖在item2之上
- 对应的脚本特性为order。
兼容性：
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support | 6.0-10.0 | 2.0-21.0 | 4.0-20.0 | 6.0 | 15.0+-webkit- | 6.0-6.1 | 2.1-4.3 | 18.0-19.0 |
| 11.0+ | 22.0+ | 21.0+-webkit- | 6.1+-webkit- | 17.0+ | 7.0+-webkit- | 4.4+ | 20.0+-webkit- | |
| 29.0+ | 9.0+ | 9.0+ | 28.0+ |
示例：
本页最后更新时间：
2015.7.29
