css box-ordinal-group属性
翻译结果:
box
英 [bɒks] 美 [bɑ:ks]
n.盒;箱状物;包厢;哨房
vt.把…装入盒[箱,匣]中
vt.& vi.拳击
第三人称单数: boxes 复数: boxes 现在分词: boxing 过去式: boxed 过去分词: boxed
ordinal
英 [ˈɔ:dɪnl] 美 [ˈɔ:rdənl]
n.序数;比较
adj.序数的
复数: ordinals
group
英 [gru:p] 美 [ɡrup]
n.组,团体;群,批;(雕塑等的)群像;(英美的)空军大队
vt.& vi.使成群,集合
vt.分类,归类
第三人称单数: groups 复数: groups 现在分词: grouping 过去式: grouped 过去分词: grouped
css box-ordinal-group属性语法
作用:规定框中子元素的显示次序。
语法:box-ordinal-group: integer;
说明:integer 一个整数,指示子元素的显示次序。
注释:分组值相同的元素,它们的显示次序取决于其源次序。目前没有浏览器支持 box-ordinal-group 属性。Firefox 支持替代的 -moz-box-ordinal-group 属性。Safari 和 Chrome 支持替代的 -webkit-box-ordinal-group 属性。
css box-ordinal-group属性示例
<!DOCTYPE html> <html> <head> <style> .box { display:-moz-box; /* Firefox */ display:-webkit-box; /* Safari and Chrome */ display:box; border:1px solid black; } .ord1 { margin:5px; -moz-box-ordinal-group:1; /* Firefox */ -webkit-box-ordinal-group:1; /* Safari and Chrome */ box-ordinal-group:1; } .ord2 { margin:5px; -moz-box-ordinal-group:2; /* Firefox */ -webkit-box-ordinal-group:2; /* Safari and Chrome */ box-ordinal-group:2; } </style> </head> <body> <div class="box"> <div class="ord2">第一个 DIV</div> <div class="ord1">第二个 DIV</div> <div class="ord1">第三个 DIV</div> </div> <p><b>注释:</b>IE 或 Opera 不支持 box-ordinal-group 属性。</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例