在CSS中，我們可以使用text-align屬性指定文本的水平對齊方式。該屬性可以應(yīng)用于塊級元素或行內(nèi)元素，有以下可選值：

text-align: left;     /* 文本左對齊 */
text-align: center;   /* 文本居中對齊 */
text-align: right;    /* 文本右對齊 */
text-align: justify;  /* 文本兩端對齊 */

為了使文本垂直方向居中對齊，我們可以使用line-height屬性來設(shè)置行高。值得注意的是，如果父元素的高度固定，子元素的高度需要小于父元素的高度。

.container {
height: 200px;
line-height: 200px;
}

如果希望實(shí)現(xiàn)更加精細(xì)的排版效果，可以使用flexbox或grid來布局。例如，以下HTML代碼表示了一個簡單的grid布局，將頁面分為10行10列的網(wǎng)格，并將文本放置在(2,2)到(8,8)的區(qū)域內(nèi)。

<div class="grid">
<div class="item" style="grid-row: 2 / 9; grid-column: 2 / 9;">這是一段文本</div>
</div>

相應(yīng)的CSS代碼如下：

.grid {
display: grid;
grid-template-rows: repeat(10, 1fr);
grid-template-columns: repeat(10, 1fr);
}
.item {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

這段代碼將文本水平居中、垂直方向居中，并放置在指定的網(wǎng)格區(qū)域內(nèi)。