css中如何让文字竖着写

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

在CSS中,我们可以使用 writing-mode 属性来让文字竖着写。writing-mode属性有三个值:horizontal-tb(水平从左到右),vertical-rl(竖直从上到下)和ver

在CSS中,我们可以使用"writing-mode"属性来让文字竖着写。writing-mode属性有三个值:horizontal-tb(水平从左到右),vertical-rl(竖直从上到下)和vertical-lr(竖直从下到上)。如果我们想要让文字从上到下竖着写,我们可以使用"writing-mode:vertical-rl;"。
如果我们要让整个段落的文字竖着写,我们可以使用p标签,并在CSS中添加如下代码:
p {
writing-mode: vertical-rl;
}
这样,我们就可以让整个段落的文字竖着写了。但是,在实际应用中,我们可能需要让段落中的每个单词或每个字母竖着写。
如果我们想让每个单词竖着写,我们可以使用pre标签,再在CSS中添加如下代码:
pre {
writing-mode: vertical-rl;
text-orientation: upright;
}
这样,我们就可以让pre标签中的每个单词竖着写了。如果我们想让每个字母都竖着写,我们可以添加以下代码:
pre {
writing-mode: vertical-rl;
text-orientation: sideways;
}
这样,我们就可以让pre标签中的每个字母都竖着写了。
总之,使用writing-mode属性和text-orientation属性,我们可以让整个段落或pre标签中的文字竖着写,这是CSS中非常有趣和实用的功能之一。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中如何让文字竖着写

粉丝

0

关注

0

收藏

0

已有0次打赏