案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
.box
6
{
7
display:-moz-box; /* Firefox */
8
display:-webkit-box; /* Safari and Chrome */
9
display:box;
10
border:1px solid black;
11
}
12
.ord1
13
{
14
margin:5px;
15
-moz-box-ordinal-group:1; /* Firefox */
16
-webkit-box-ordinal-group:1; /* Safari and Chrome */
17
box-ordinal-group:1;
18
}
19
.ord2
20
{
21
margin:5px;
22
-moz-box-ordinal-group:2; /* Firefox */
23
-webkit-box-ordinal-group:2; /* Safari and Chrome */
24
box-ordinal-group:2;
25
}
26
</style>
27
</head>
28
<body>
29
30
<div class="box">
31
<div class="ord2">第一个 DIV</div>
32
<div class="ord1">第二个 DIV</div>
33
<div class="ord1">第三个 DIV</div>
34
</div>
35
36
<p><b>注释:</b>IE 或 Opera 不支持 box-ordinal-group 属性。</p>
37
38
</body>
39
</html>
40