CSS是一種強(qiáng)大的樣式表語言，能夠大大提高網(wǎng)頁的可讀性。其中，文本豎直對(duì)齊方式是一個(gè)重要的效果，可以使文本更加美觀、易讀。我們來看看如何在CSS中實(shí)現(xiàn)這個(gè)效果。

/* 水平對(duì)齊 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 垂直對(duì)齊 */
.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright;
}

CSS的display: flex屬性可以將元素轉(zhuǎn)換為彈性容器，其中justify-content: center和align-items: center可以讓元素水平垂直居中對(duì)齊。

接著，我們需要設(shè)置文本豎直方向的屬性。CSS提供了writing-mode屬性，可以將文本方向設(shè)置為豎直方向，text-orientation可以將字母旋轉(zhuǎn)90度以保持可讀性。

舉個(gè)例子，假設(shè)你想讓一個(gè)單詞豎直對(duì)齊，你可以在HTML中添加一個(gè)class：vertical-text。

<p class="vertical-text">Hello</p>

然后在CSS中定義：

.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright;
}

這樣你就可以輕松實(shí)現(xiàn)文本豎直對(duì)齊的效果了。