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。
规范
不属于任何标准。
浏览器兼容性
加载中…