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>

本文最后更新于 2011-11-18 17:56:08 并被添加「css div div+css」标签,已有 6392 位童鞋阅读过。
本文作者:未来往事
本站使用「署名 4.0 国际」创作共享协议,可自由转载、引用,但需署名作者且注明文章出处

相关文章

此处评论已关闭