DIV水平垂直居中 CSS写法

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

<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>

相关文章

此处评论已关闭