order From CSS3 previous page next page CSS3参考手册 » 属性列表 » 新弹性盒模型属性 » 相关内容： 其它弹性盒模型属性 选择其它项 order 版本：CSS3 继承性：无 语法： order：<integer> 默认值：0 适用于：弹性盒模型容器子元素 继承性：无 取值： <integer>： 用整数值来定义排列顺序，数值小的排在前面。可以为负值。 说明： 设置或检索弹性盒模型对象的子元素出現的順序。 对应的脚本特性为order。 兼容性： = 支持 = 不支持 = 部分支持 支持版本\类型 较早版本 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> <title>order_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com"> <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> previous page start next page