案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
<p><b>注释:</b>目前没有浏览器支持 box-lines 属性。</p>
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
.container
6
{
7
width:300px;
8
border:1px dotted black;
9
10
/* Firefox */
11
display:-moz-box;
12
-moz-box-orient:horizontal;
13
-moz-box-lines:multiple;
14
15
/* Safari and Chrome */
16
display:-webkit-box;
17
-webkit-box-orient:horizontal;
18
-webkit-box-lines:multiple;
19
20
/* W3C */
21
display:box;
22
box-orient:horizontal;
23
box-lines:multiple;
24
}
25
26
.box
27
{
28
width:100px;
29
30
/* Firefox */
31
-moz-box-flex: 1.0;
32
33
/* Safari and Chrome */
34
-webkit-box-flex: 1.0;
35
36
/* W3C */
37
box-flex: 1.0;
38
}
39
</style>
40
</head>
41
<body>
42
43
<div class="container">
44
  <div class="box">11111111111</div>
45
  <div class="box">22222222222</div>
46
  <div class="box">33333333333</div>
47
  <div class="box">44444444444</div>
48
</div>