案例:CSS案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
.container
6
{
7
text-align:center;
8
}
9
.center
10
{
11
margin-left:auto;
12
margin-right:auto;
13
width:70%;
14
background-color:#b0e0e6;
15
text-align:left;
16
}
17
</style>
18
</head>
19
20
<body>
21
22
<div class="container">
23
<div class="center">
24
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
25
<p>这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。</p>
26
</div>
27
</div>
28
29
<p><b>注释:</b>在 IE5 中,对于块元素存在一个外边距处理 BUG。块元素有时会被视作行内元素。在进行居中对齐时,这确实很成问题。为了在 IE5 中进行居中对齐,请使用 text-align 属性,就像在本例中这样。</p>
30
</body>
31
</html>
32
33
34