box-ordinal-group
非標準：此特性未標準化。我們不建議在生產環境中使用非標準特性，因為它們瀏覽器支援有限，並且可能會更改或被移除。但是，在沒有標準選項的特定情況下，它們可以是合適的替代方案。
已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。
警告：這是原始 CSS 彈性盒佈局模組草案的一個屬性。它已被規範取代。請參閱彈性盒，瞭解當前標準的資訊。
box-ordinal-group 是一個 CSS 屬性，它將彈性盒（flexbox）的子元素分配到一個序數分組。
序數分組可以與 box-direction 屬性結合使用，以控制盒子的直接子元素的顯示順序。當計算出的 box-direction 為 normal 時，盒子將從最低編號的序數分組開始顯示其元素，並確保這些元素出現在容器的左側（對於水平盒子）或頂部（對於垂直盒子）。具有相同序數分組的元素將按照它們在源文件樹中出現的順序流動。在反向方向上，序數分組以相同的順序檢查，但元素顯示為反向。
語法
css
/* <integer> values */
box-ordinal-group: 1;
box-ordinal-group: 5;
/* Global values */
box-ordinal-group: inherit;
box-ordinal-group: initial;
box-ordinal-group: unset;
box-ordinal-group 屬性被指定為任何正 <integer>。
正式定義
正式語法
box-ordinal-group =
<integer>
示例
基本用法示例
在規範的早期版本中，box-ordinal-group 被用於改變彈性容器中彈性子元素的顯示順序。
css
article:nth-child(1) {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
article:nth-child(2) {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
現代彈性盒的等效屬性是 order。
規範
不屬於任何標準。
瀏覽器相容性
載入中…