博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

div水平、垂直居中

Posted on 2010-07-22 12:45  火冰·瓶  阅读(169)  评论(0)    收藏  举报 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
    .test_center
    {
     background-color:Red; 
     width:500px; 
     height:300px;
     
     position: absolute;/*设置为绝对定位*/
     top: 50%;
     left:50%;
     margin-left:-250px;/*设置为宽度的一半*/
     margin-top:-150px;/*设置为高度的一半*/
    }
    </style>
</head>
<body>
    <div class="test_center">    
    </div>
</body>
</html>