在前端開發中，有時我們需要將多行文本居中垂直顯示，這就需要使用CSS來實現。 首先，我們需要將要居中的元素設置為相對定位，以便在垂直方向上進行對齊。接著，我們需要將元素的高度設置為想要的高度，并使用CSS的屬性transform和translate來實現垂直居中。 以下是示例代碼： ```

p {
position: relative;
height: 200px;
}
p span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們首先將p元素設置為相對定位，并將高度設置為200px。接著，我們將要居中的文本元素使用絕對定位，并使用top和left屬性將其移動到元素的中心。最后，我們使用transform和translate屬性來進行微調，將文本放置在垂直和水平中心位置。 在實踐中，我們可以根據需要調整元素的高度和屬性的值，以實現最佳的視覺效果。這種方法適用于許多情況下的多行文本居中垂直對齊，是一種非常實用的CSS技巧。