<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
*{
padding: 0;
margin: 0;
}
#wrap{
position: relative;
width: 400px;
height: 600px;
background: pink;
margin: 0 auto;
}
#inner{
position: absolute;
left: 50%;
top: 50%;
transform:translate3d(-50%,-50%,0);
background: deeppink;
}
</style>
<body>
<div id="wrap">
<div id="inner">
asdsadsadsadsad<br>
dsadsadsadsadas<br>
asdsadsadsadsad<br>
asdsadsadsadsad<br>
asdsadsadsadsad<br>
asdsadsadsadsad<br>
asdsadsadsadsad<br>
</div>
</div>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190610205116710.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MjU0Mw==,size_16,color_FFFFFF,t_70)