您的位置：首页 > Web前端 > CSS

使用CSS让DIV水平垂直居中的方法。

2009-12-01 19:03 706 查看
Code

<html>
<head>
<title>DIV水平垂直居中</title>
<style>
body{font-size:12px; margin:0; padding:0;}
.div1{position:absolute;top:50%;left:50%;width:500px;height:300px; margin-top:-150px; margin-left:-250px; border:1px #999 solid; background:#CEE7FF;}
</style>
</head>
<body>
<div class="div1">已经水平垂直居中了</div>
</body>
</html>


要点：

1.position属性设置为：absolute

2.top和left属性都设为：50%

3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航