如何使div在垂直方向居中

来源：百度知道 编辑：UC知道 时间：2024/09/20 23:37:25
无论在多大的浏览器下这个div始终处于垂直状态
上面有头，下面有尾，且头顶对齐，尾底对齐

<style type="text/css" media="screen">
*{margin:0;padding:0;}
body,html{height:100%;overflow:hidden;}
.body{height:100%;overflow:auto;}
.center{position:absolute;width:120px;height: 120px;left: 50%;top: 50%;margin: -60px 0px 0px -60px;border: 1px solid #F00;}
</style>
</head>
<body>
<div class="body">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>