<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>Template</title>
<style type="text/css">
.sty{
width:500px;
height:400px;
background-color:red;
position:absolute;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-200px;
}
</style>
</head>
<body>
<div class="sty"></div>
</body>
</html>
可以实现上下左右居中,具体使用到了position:absolute;,然后距离左边和上面50%,由于它是有宽度和高度的,所以会偏向右下角,所以得向上和向左移动一半的高度和宽度。