你的位置: 前端博客 > CSS3 > CSS3弹性盒flexbox > order

order (适用于弹性盒模型容器子元素)

设置或检索弹性盒模型对象的子元素出現的順序。

语法

order: <integer>

.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;
}
<ul id="box" class="box">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>

order示例:

返回CSS3弹性盒模型的完整教程