CSS 字體在網(wǎng)頁(yè)排版中扮演著重要角色，但它們不僅可以被橫向排列，也可以豎著排列。下面是介紹如何垂直排列 CSS 字體的方法。

1. 使用 writing-mode 屬性

writing-mode 是 CSS 屬性之一，它可以設(shè)置文本的書(shū)寫(xiě)方向和方向性。通過(guò)設(shè)置 writing-mode: vertical-rl; 或 writing-mode: vertical-lr;，可以實(shí)現(xiàn) CSS 字體的垂直排列。

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

text-orientation 屬性用于調(diào)整文本的方向，通常與 writing-mode 一起使用。在相應(yīng)的 HTML 元素上使用類名 vertical-text 即可將文本垂直排列。

2. 使用 transform 屬性
.vertical-text {
transform: rotate(-90deg);
}

通過(guò)使用 CSS 中的 transform 屬性，我們可以將文本立即轉(zhuǎn)換 90 度。同時(shí)，為了使轉(zhuǎn)換后的文本始終在文本區(qū)域內(nèi)而不會(huì)溢出，需要設(shè)置元素的寬度和高度。

無(wú)論您是選擇使用 writing-mode 還是 transform，都可以很容易地實(shí)現(xiàn) CSS 字體的垂直排列。選擇哪種方法取決于您的設(shè)計(jì)需要和個(gè)人喜好。