垂直居中
1,使用
transform: translateY(-50%);
实现垂直居中
<div class='center'>
<p>
1,你好,我是第一行。
2,你好,我是第二行
</p>
</div>
.center {
height: 500px;
background: #f8f8f8;
}
.center p {
background: #7E8C8D;
position: relative;
top: 50%;
transform: translateY(-50%);
}