在網頁開發中，經常需要使用CSS來實現多行文字的顯示，而文字的居中對于網頁排版來說也非常重要。下面介紹一下如何使用CSS來實現多行文字居中。 首先，我們可以使用CSS中的text-align屬性來實現單行文字的居中，但是在多行文字的情況下，這個屬性并不適用。因此，我們需要使用另一種方式來實現多行文字的居中。 一種方法是使用CSS中的display屬性來實現。我們可以將文字包裹在一個div元素中，并且將該元素的display屬性設置為table，然后再將其中的文本設置為display:table-cell，同時設置vertical-align為middle，這樣即可實現多行文本的居中。 另一種方法是使用CSS中的flexbox布局。我們可以將文字包裹在一個div元素中，將該元素的display屬性設置為flex，然后再將其中的文本設置為align-self:center，這樣即可實現多行文本的居中。 下面是使用display方式實現多行文字居中的代碼：

<div style="display:table; height:200px; width:200px;">
<div style="display:table-cell; vertical-align:middle;">
<p>這是一段多行文字，用于演示CSS中多行文字的居中效果。</p>
<p>這是第二行文字。</p>
</div>
</div>

下面是使用flexbox方式實現多行文字居中的代碼：

<div style="display:flex; justify-content:center; align-items:center; height:200px; width:200px;">
<p style="align-self:center;">這是一段多行文字，用于演示CSS中多行文字的居中效果。</p>
<p style="align-self:center;">這是第二行文字。</p>
</div>

通過上述兩種方法，我們可以輕松實現多行文字的居中效果，進一步提高網頁排版的質量。