CSS 字體豎寫方法

在CSS中，我們可以使用transform屬性來實(shí)現(xiàn)字體的豎寫效果，以下是一個簡單的示例：

HTML代碼：

<div class="vertical-text">豎著寫</div>

CSS代碼：

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

在上面的代碼中，writing-mode屬性將文本設(shè)置為垂直書寫模式，transform屬性則用于將文本旋轉(zhuǎn)180度，以使其從下到上垂直排列。

除了transform屬性，我們還可以使用CSS的writing-mode屬性來實(shí)現(xiàn)字體的豎寫效果。writing-mode屬性可以指定文本在元素中的排列方式，其中vertical-rl表示文本從右到左垂直排列。

HTML代碼：

<div class="vertical-text">豎著寫</div>

CSS代碼：

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

在上面的代碼中，writing-mode屬性將文本設(shè)置為垂直書寫模式，文本將從右到左垂直排列，這種方法可以實(shí)現(xiàn)文本的豎寫效果，但需要注意的是，這種方法可能在一些瀏覽器上無法正常工作，在實(shí)際應(yīng)用中，我們可以根據(jù)需要使用不同的方法來實(shí)現(xiàn)文本的豎寫效果。