CSS字體豎起來

在CSS中，我們可以使用transform屬性將字體豎起來，我們需要?jiǎng)?chuàng)建一個(gè)包含文本的HTML元素，例如一個(gè)段落或標(biāo)題，我們可以應(yīng)用一個(gè)CSS樣式，該樣式使用transform屬性將文本旋轉(zhuǎn)90度。

以下是一個(gè)簡單的例子：

HTML代碼：

<p class="vertical-text">這是一段豎起來的文本</p>

CSS代碼：

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(90deg);
}

在這個(gè)例子中，writing-mode屬性將文本的方向設(shè)置為垂直，transform屬性則將文本旋轉(zhuǎn)90度，使其豎起來，你可以根據(jù)需要調(diào)整這些屬性的值。

如果你想要讓文本從下到上排列，你可以添加transform-origin屬性并將其值設(shè)置為bottom：

.vertical-text {
  writing-mode: vertical-rl;
  transform: rotate(90deg);
  transform-origin: bottom;
}

這樣，文本就會(huì)從下到上排列了，希望這個(gè)例子對你有幫助！