css中怎么让文字竖排显示

CSS可以很容易地让文字横向排列，但对于许多亚洲语言来说，竖排文字才是传统的排版方式。 在本文中，我们将讨论如何使用CSS让文字竖排显示。 首先，我们需要将文字旋转90度。我们可以使用CSS transform属性来实现这一点。将其中一个段落旋转90度并观察代码示例：

p {
  transform: rotate(90deg);
}

上面的代码将使段落以90度的角度旋转，从而使文字竖排显示。 注意，我们需要在旋转前将段落的高度设置为宽度，否则，我们的段落将不会正确的显示。 我们可以使用CSS height和width属性来设置段落的高度和宽度：

这是一个竖排文字段落的例子。

然而，对于实际使用，这种方法并不是最好的。 当我们将浏览器的窗口大小调整为不同的大小时，文字将适应性地缩小或扩大。 这意味着我们的段落的高度和宽度也会随之变化。 我们可以使用一些额外的CSS技巧来解决这个问题。 我们可以通过设置display属性来使段落水平展示，然后使用writing-mode属性来使文字竖排显示。 这种方法的好处是我们可以在我们的CSS中使用相对单位，而不是像上面那个例子中一样使用绝对数值。 例如，您可以将段落设置为display:inline-block，然后将writing-mode属性设置为vertical-rl，以使文字竖排显示：

p {
  display: inline-block;
  writing-mode: vertical-rl;
}

这个CSS代码看起来比较简单，但您可能会惊讶于它产生的结果。 您会发现它的高度和宽度都是根据字体大小自适应的，而且它也不需要旋转。这个方法可以很好地适应不同的屏幕大小。 总结一下，这是让文字竖向排列的两种常用方法。 您可以根据自己的需要选择其中一种方法。 希望这篇文章对您有所帮助！