如何用CSS使文字垂直排列

在CSS中，我們可以使用多種方法使文字垂直排列，以下是一些常見的方法：

1、使用writing-mode屬性

writing-mode屬性可以改變文本的書寫方向，從而實(shí)現(xiàn)文字的垂直排列，我們可以將writing-mode設(shè)置為vertical-rl，使文本從右到左垂直排列：

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

2、使用transform屬性

我們可以使用transform屬性將文本旋轉(zhuǎn)90度，從而實(shí)現(xiàn)文字的垂直排列。

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

3、使用flexbox布局

我們可以使用flexbox布局來實(shí)現(xiàn)文字的垂直排列，我們可以將文本放置在一個(gè)flex容器中，并設(shè)置flex-direction為column：

.vertical-text-container {
  display: flex;
  flex-direction: column;
}

4、使用grid布局

我們還可以使用grid布局來實(shí)現(xiàn)文字的垂直排列，我們可以將文本放置在一個(gè)grid容器中，并設(shè)置grid-template-columns為1fr：

.vertical-text-container {
  display: grid;
  grid-template-columns: 1fr;
}

是幾種常見的使文字垂直排列的方法，你可以根據(jù)自己的需求選擇適合的方法。