CSS3参考手册
»
属性列表
»
新弹性盒模型属性
»
相关内容：
其它弹性盒模型属性
选择其它项
order
版本：CSS3
继承性：无
语法：
order
：
<integer>
默认值
：
0
适用于
：弹性盒模型容器子元素
继承性
：无
取值：
<integer>
：
用整数值来定义排列顺序，数值小的排在前面。可以为负值。
说明：
设置或检索弹性盒模型对象的子元素出現的順序。
对应的脚本特性为
order
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
较早版本
6.0-10.0
4.0-19.0
5.1.7-6.0
21.0-28.0
-webkit-
9.-12.0
较新版本
11.0
20.0
7.0
-webkit-
29.0
12.1
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>order_CSS参考手册_web前端开发参考手册系列</title> <style> h1{font:bold 20px/1.5 georgia,simsun,sans-serif;} .box{ display:-webkit-flex; display:flex; margin:0;padding:10px;list-style:none;background-color:#eee;} .box li{width:100px;height:100px;border:1px solid #aaa;text-align:center;} #box li:nth-child(3){ -webkit-order:-1; order:-1; } </style> </head> <body> <h1>order示例：</h1> <ul id="box" class="box"> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> </ul> </body> </html>