<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>块元素DIV-垂直方向居中</title>
</head>
<body>
<style type="text/css">
<!--
div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
-->
</style>
<div>让层垂直居中于浏览器窗口</div>
</body>
</html>DIV垂直/水平居中
2016-04-19 20:37:09 来源：慕课网