CSS實(shí)現(xiàn)英文豎排排版

在CSS中，我們可以使用writing-mode屬性來(lái)實(shí)現(xiàn)英文豎排排版，writing-mode屬性定義了文本在元素中的排列方式，可以選擇水平排列（horizontal）、垂直排列（vertical）等。

以下是一個(gè)簡(jiǎn)單的示例，展示如何使用CSS將英文文本豎排排版：

HTML代碼：

<div class="vertical-text">
  <p>Hello, World!</p>
</div>

CSS代碼：

.vertical-text {
  writing-mode: vertical-rl; /* 垂直排列，從右到左 */
  transform: rotate(180deg); /* 旋轉(zhuǎn)180度，使文本從下到上排列 */
}

在這個(gè)示例中，我們定義了一個(gè)名為.vertical-text的類，并將它應(yīng)用到一個(gè)div元素中，在這個(gè)類中，我們?cè)O(shè)置了writing-mode屬性為vertical-rl，表示文本將垂直排列，并且從右到左排列，我們還使用了transform屬性，將文本旋轉(zhuǎn)180度，使文本從下到上排列，這樣，我們就可以實(shí)現(xiàn)英文豎排排版的效果了。

需要注意的是，這種方法可能在一些瀏覽器中存在兼容性問題，在實(shí)際應(yīng)用中，我們需要根據(jù)具體情況進(jìn)行適當(dāng)?shù)恼{(diào)整和處理。