[分享]css中怎么把文字变成竖排

在CSS中，我们可以使用“writingmode”属性来将文字变成竖排的方式，它可以让我们的文字垂直显示而不是水平显示。下面就让我们来看看如何将文字变成竖排。首先，我们需要在CSS中设置writing...

在CSS中，我们可以使用“writing-mode”属性来将文字变成竖排的方式，它可以让我们的文字垂直显示而不是水平显示。下面就让我们来看看如何将文字变成竖排。
首先，我们需要在CSS中设置writing-mode属性，并将其设置为“vertical-rl”或“vertical-lr”，这将决定文本方向。其中“rl”表示从右到左，而“lr”表示从左到右。
例如，我们可以编写以下代码：

p {
  writing-mode: vertical-rl;
} 

这将使所有p标签中的文本垂直显示，并从右到左排列。
另外，我们还可以使用“text-orientation”属性来调整文字在竖排时的方向。
例如，我们可以这样设置：

p {
  writing-mode: vertical-rl;
  text-orientation: mixed;
} 

这将使文本以垂直方向排列，并将字符方向与顺序相同。
如此简单，我们就能够在CSS中将文字变成竖排了。尝试一下吧！