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%);
}

相關推薦