box-ordinal-group

闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣埌闁宠娴锋禒锕傛寠婢跺棙瀚熼梻鍌欑閹芥粓宕戝☉鈶┾偓锕傛倻閻ｅ苯绁﹂棅顐㈡处缁嬫帡宕愮拠娴嬫斀妞ゆ棁妫勬慨鈧梺绋款儐閹歌顕ラ崟顖氱疀妞ゆ挾濮村鎶芥⒒娴ｈ櫣甯涢柡灞诲姂楠炲鏁撻悩鍐测偓鑸点亜閺囨浜鹃梺鍝勭灱閸犳劙藝閻楀牊鍎熼柍銉ュ暱缁狅綁姊绘担鑺ャ€冮柣鎺炵畵楠炴垿宕惰閸ゆ洘銇勯幒鎴濐仼閸ユ挳姊虹化鏇炲⒉妞ゃ劌绻戠€靛ジ鏁撻敓锟�

Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+

语法：

box-ordinal-group：<integer>

默认值：1

适用于：伸缩盒子元素

继承性：无

动画性：否

计算值：指定值

取值：

<integer>：
用整数值来定义伸缩盒对象的子元素显示顺序。

说明：

设置或检索伸缩盒对象的子元素的显示顺序。
  • 效果等同于过渡版本的flex-order属性和新版本的order属性；
  • 数值较低的元素显示在数值较高的元素前面；
  • 相同数值的元素，它们的显示顺序取决于它们的代码顺序；
  • 对应的脚本特性为boxOrdinalGroup。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0-moz- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-

示例：