css样式，垂直居中

垂直居中

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