CSS Order的使用方法

在CSS中，我們可以使用order屬性來控制flexbox容器中項目（item）的排列順序。下面是order的使用方法：

.item1 {
order: 2;
}
.item2 {
order: 1;
}
.item3 {
order: 3;
}

上述代碼將會把`.item2`放在最前面，`.item1`放在其后，`.item3`放在最后面。

order可以接受任何數字值。默認為0，負數表示放置在正常順序之前。

有時候，我們可能需要有多個元素擁有相同的order值。這時，可以使用CSS3的flex屬性結合order使用：

.item {
flex: 1 0 auto;
order: 1;
}
.item-x {
flex: 0 0 auto;
order: 2;
}
.item-y {
flex: 1 0 auto;
order: 3;
}

上述代碼意思是讓所有`.item`元素都在`.item-x`元素之前，`.item-x`元素在`.item-y`元素之前。這里的flex屬性的作用是讓所有元素的寬度自適應。

需要注意的是，order只在flexbox容器中有效。如果你想兼容舊版本的瀏覽器，可能需要使用display:inline-block或float來達到類似的效果。

以上就是order的使用方法介紹，希望對大家有所幫助。