从制造到创造
软件工程师成长之路
posts - 292,  comments - 96,  trackbacks - 0
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 阅读(4558) 评论(0)  编辑  收藏 所属分类: CSS

只有注册用户登录后才能发表评论。


网站导航:
 

<2007年10月>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

常用链接

留言簿(9)

我参与的团队

随笔分类(245)

随笔档案(239)

文章分类(3)

文章档案(3)

收藏夹(576)

友情链接

搜索

  •  

积分与排名

  • 积分 - 454142
  • 排名 - 115

最新评论

阅读排行榜

评论排行榜