在 HTML 中，文本的上下居中對于頁面排版和美觀性來說十分重要。如果我們想讓一段文本在垂直方向上居中，可以使用以下代碼：

{
display: flex;
justify-content: center;
align-items: center;
}

以上代碼使用了 Flexbox 布局。其中，display: flex;聲明將元素設(shè)置為 Flexbox 容器，justify-content: center;表示在容器里水平居中，align-items: center;表示在容器里垂直居中。這三個(gè)屬性的組合可以讓文本在垂直方向上居中。

如果我們只需要讓文本在水平方向上居中，可以使用以下代碼：

{
text-align: center;
}

這個(gè)屬性可以讓文本在水平方向上居中。如果要讓文本在垂直和水平方向上同時(shí)居中，可以將上述兩個(gè)代碼結(jié)合使用。如下：

{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

這樣，文本就可以在垂直和水平方向上同時(shí)居中了。

需要注意的是，在某些情況下，以上代碼可能不起作用。這時(shí)，我們需要確保元素已經(jīng)設(shè)置了高度和寬度，還要考慮到父元素的樣式。同時(shí)，我們也可以使用其他的 CSS 技巧來實(shí)現(xiàn)文本的上下居中。