在網頁設計中，居中文本是非常常見的需求。在 CSS 中，我們可以通過幾種方式來實現文本的居中。下面我們來一一介紹它們。 ### 水平居中 首先是水平居中。我們可以使用 text-align 屬性將文本水平居中，它的取值可以是 left、right 和 center。代碼如下：

p {
text-align: center;
}

### 垂直居中 接下來是垂直居中。我們也有幾種方式來實現它。 #### 單行文本 對于單行文本，我們可以將行高設置成和行框一樣高，從而讓文本居中。代碼如下：

p {
line-height: 30px; /* 行高和行框一樣高 */
height: 30px; /* 行框高度 */
display: inline-block; /* 將行框轉換成塊級元素 */
vertical-align: middle; /* 垂直居中 */
}

#### 多行文本 對于多行文本，我們可以利用 table 和 table-cell 屬性來實現垂直居中。代碼如下：

.container {
display: table; /* 將容器轉換成表格 */
}
p {
display: table-cell; /* 將 p 元素轉換成表格單元格 */
vertical-align: middle; /* 垂直居中 */
}

### 水平垂直居中 除了單獨實現水平和垂直居中外，我們還可以將它們組合起來，一起實現水平垂直居中。實現方式和多行文本的垂直居中一樣，只需要將容器也轉換成表格即可。代碼如下：

.container {
display: table; /* 將容器轉換成表格 */
width: 100%; /* 容器寬度 */
height: 100%; /* 容器高度 */
}
p {
display: table-cell; /* 將 p 元素轉換成表格單元格 */
text-align: center; /* 水平居中 */
vertical-align: middle; /* 垂直居中 */
}

以上就是 CSS 實現文本居中的幾種方式。大家可以根據實際需求選擇合適的方式來實現居中效果。