CSS3 box-ordinal-group 属性

实例

指定的一个box的子元素的显示顺序：

 .box
{
display:-ms-flexbox; /* Internet Explorer 10 */
 display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
border:1px solid black;
}
.ord1
{
 margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
 -moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari and Chrome */
box-ordinal-group:1;
}
.ord2
{
 margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
 -moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
 }