在網頁設計中，文本內容的排版是非常重要的，而文本的居中顯示更是一個常見的需求。那么在CSS中，如何設置文本的居中顯示呢？
首先，我們需要了解CSS中有哪些屬性可以用來設置文本的居中顯示。常用的屬性包括：text-align、vertical-align、line-height、padding和margin等。
其中，text-align屬性可以控制水平方向上的文本對齊方式，常用的取值有left、center和right。而vertical-align屬性可以控制垂直方向上的文本對齊方式，常用的取值有top、middle和bottom。line-height屬性可以設置行高，padding和margin屬性則可以控制元素的內邊距和外邊距。
接下來，我們來看一些具體的設置方法。首先是水平方向上的文本居中。假設我們的HTML結構如下：

<div class="container">
<p>Hello, World!</p>
</div>

我們可以在CSS中添加以下代碼實現：

.container {
text-align: center;
}
p {
display: inline-block;
}

其中，我們將包含文本的p標簽設置為inline-block，以便對齊方式能夠生效。
而如果我們希望實現垂直方向上的文本居中，則需要先確定文本所在的容器的高度，并將其設置為相對定位，然后利用top和margin屬性來調整文本的位置。例如：

.container {
height: 200px;
position: relative;
text-align: center;
}
p {
position: absolute;
top: 50%;
margin-top: -10px; /* 該值為文本高度的一半 */
}

通過設置容器的高度和相對定位，我們使得p標簽可以相對于容器進行位置調整。而top: 50%則表示將p標簽向上偏移50%的高度，而margin-top: -10px則根據文本高度的一半來向上偏移。
當然，這只是一種實現方法，而在實際使用中還需要根據具體情況進行調整和優化。同時，還需要考慮到響應式設計的需求，以便在不同屏幕尺寸下都能夠正確地居中顯示文本內容。