案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
div
6
{
7
width:350px;
8
height:100px;
9
border:1px solid black;
10
  
11
/* Firefox */
12
display:-moz-box;
13
-moz-box-pack:center;
14
-moz-box-align:center;
15
16
/* Safari, Chrome, and Opera */
17
display:-webkit-box;
18
-webkit-box-pack:center;
19
-webkit-box-align:center;
20
21
/* W3C */
22
display:box;
23
box-pack:center;
24
box-align:center;
25
}
26
</style>
27
</head>
28
<body>
29
30
<div>
31
<p>我是居中对齐的。</p>
32
</div>
33
34
<p><b>注释:</b>IE 不支持 box-pack 和 box-align 属性。</p>
35
36
</body>
37
</html>
38