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 閱讀(4594)
評論(0) 編輯 收藏 所屬分類:
CSS