css中怎么把文字变成竖排

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

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

在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中将文字变成竖排了。尝试一下吧!

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中怎么把文字变成竖排

粉丝

0

关注

0

收藏

0

已有0次打赏