在網頁設計中，文字垂直居中通常是一個需要解決的問題。本文將介紹如何使用CSS來實現文字的垂直居中。

.container{
display: flex;  /*設置容器為flex布局*/
justify-content: center;  /*設置子元素水平居中*/
align-items: center;  /*設置子元素垂直居中*/
}

上述代碼中，我們使用了flex布局實現子元素的垂直居中。具體來說：

• display: flex; 設置容器為flex布局
• justify-content: center; 設置子元素水平居中
• align-items: center; 設置子元素垂直居中

注意，以上的代碼要在容器的樣式中設置，而不是在子元素的樣式中設置。

此外，我們還可以使用table布局實現文字的垂直居中。具體來說：

.container{
display: table-cell;  /*設置容器為table-cell布局*/
vertical-align: middle;  /*設置子元素垂直居中*/
}

上述代碼中，我們使用了table-cell布局實現子元素的垂直居中。具體來說：

• display: table-cell; 設置容器為table-cell布局
• vertical-align: middle; 設置子元素垂直居中

需要注意的是，在使用table-cell布局時，容器的高度應該為子元素的高度（可以使用height屬性設置高度）。

綜上所述，通過上述兩種方法，我們可以很容易地實現文字的垂直居中。在實際應用中，我們可以根據需求選擇合適的方法。