多行文字垂直居中一直都是前端開發者煩惱的問題，尤其是在響應式設計的時候。但是，CSS3提供了幾種方法來解決這個問題。 首先，我們可以使用flexbox。以下是使用flexbox的代碼：

.parent {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.child {
text-align: center;
}

在這個例子中，我們將父元素的display設置為flex，這樣它的子元素就可以使用flexbox屬性。我們使用align-items和justify-content屬性將子元素垂直和水平居中。接下來我們在子元素上使用text-align:center，以使其內容居中。 另一種方法是使用table和table-cell。以下是代碼：

.parent { 
display: table; 
height: 100vh; 
width: 100%; 
} 
.child { 
display: table-cell; 
vertical-align: middle; 
text-align: center; 
}

在這個例子中，我們將父元素的display設置為table，這會使它的子元素表現得像單元格。我們再把子元素的display設置為table-cell，并使用vertical-align:middle將其垂直居中。最后，我們使用text-align:center，以使其內容水平居中。 最后，我們可以使用transform和position屬性來實現垂直居中。以下是代碼：

.parent { 
height: 100vh; 
position: relative; 
} 
.child { 
position: absolute; 
top: 50%; 
transform: translateY(-50%); 
text-align: center; 
width: 100%; 
}

在這個例子中，我們首先將父元素的position設置為relative，這樣我們可以使用子元素的absolute屬性。我們再將子元素的top屬性設置為50%，以在垂直方向上將其置于父元素的中心位置。最后，我們使用transform的translateY屬性將其向上移動50%，以實現垂直居中。 無論是哪種方法，垂直居中的解決方案一定要結合實際情況來考慮。由于不同的布局和內容，不同的方法可能會更適合不同的情況。