<!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%，由于它是有宽度和高度的，所以会偏向右下角，所以得向上和向左移动一半的高度和宽度。
8272
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
