在網頁設計中，我們經常需要讓文字在頁面中居中顯示，那么在CSS中要如何實現呢？下面就讓我們一起來學習一下。 一、讓單個元素文字居中 我們可以通過設置該元素的text-align屬性為"center"來讓其文字居中，如下所示：

p {
text-align: center;
}

二、讓多個元素文字居中 若要讓多個元素的文字都居中，我們需要在它們共同的父元素上設置text-align屬性為"center"，如下所示：

.container {
text-align: center;
}
.container p {
display: inline-block;  /* 使多個元素位于同一行 */
}

在父元素中設置text-align屬性為"center"即可讓其內部的所有元素文字都居中。上述代碼中，我們使用了一個內聯塊元素的方式來使多個元素位于同一行。 三、讓文字垂直居中 有時候，我們需要讓文字在元素中垂直居中，可以使用vertical-align屬性來實現。如下所示：

.container {
display: table-cell;
vertical-align: middle;
}

在這里，我們將容器元素的display屬性設置為"table-cell"，再使用vertical-align屬性將文字垂直居中，效果如下：  以上就是CSS中文字居中的一些方法，大家可以根據實際需要靈活運用。