1、水平、垂直居中，如果只要垂直居中，则去掉“ALIGN="center"”即可：
1 <HTML>
2 <HEAD>
3 <TITLE>内容居中</TITLE>
4 </HEAD>
5 <BODY>
6 <TABLE WIDTH="100%" HEIGHT="100%">
7 <TR>
8 <TD ALIGN="center" VALIGN="middle">
9 要居中的内容！
10 </TD>
11 </TR>
12 </TABLE>
13 </BODY>
14 </HTML>
2、使用CSS+DIV：
1 <HTML>
2 <HEAD>
3 <TITLE> CSS+DIV设置居中 </TITLE>
4 <style type="text/css">
5 .box {
6 background-color:#f00;
7 color:#ccc;
8 width:500px;
9 height:300px;
10 border:1px solid #000;
11 position:absolute;
12 margin:-150px 0px 0px -250px;
13 top:50%;
14 left:50%
15 }
16 </style>
17 </HEAD>
18 <BODY align="center" valign="center">
19 <DIV class="box">
20 我是个居中的层。。。
21 </DIV>
22 </BODY>
23 </HTML>
参考：1、CSS布局基础--水平和垂直居中
2、DIV的水平垂直居中
3、利用CSS实现垂直居中
4、DIV内容垂直居中
posted on 2007-10-18 16:01
CoderDream 阅读(4559)
评论(0) 编辑 收藏 所属分类:
CSS