使用 CSS 讓文本垂直居中是常見的布局問題。下面我們來介紹幾種實現方法。 方法一：使用 line-height 一種簡單的方法是使用 line-height 屬性。將 line-height 設置為和父元素高度相同，就能實現文本垂直居中。 例如，我們有一個高度為 200px，寬度為 400px 的 div 元素，里面包含一個 p 元素： ```html``` 我們可以通過以下 CSS 代碼將文本垂直居中： ```css div { height: 200px; width: 400px; display: flex; justify-content: center; align-items: center; } p { line-height: 200px; } ``` 這樣，p 元素內的文本就能垂直居中了。 方法二：使用 display: table-cell 另一種方法是使用 display: table-cell 屬性。將父元素設置為 display: table，子元素設置為 display: table-cell，并使用 vertical-align: middle 垂直居中。 例如，我們有一個高度為 200px，寬度為 400px 的 div 元素，里面包含一個 p 元素： ```html``` 我們可以通過以下 CSS 代碼將文本垂直居中： ```css div { height: 200px; width: 400px; display: table; } p { display: table-cell; vertical-align: middle; } ``` 這樣，p 元素內的文本也能垂直居中了。 以上就是兩種使用 CSS 實現文本垂直居中的方法。使用 line-height 或 display: table-cell 都可以實現這個效果，具體使用哪種方法可以根據實際情況而定。