css文字竖排

作者：佳凝皓月发布日期:2025-05-23 浏览:29

/* 使文字竖排显示的CSS代码 */

/* 使用 writing-mode 属性 */
.vertical-text {
    writing-mode: vertical-rl; /* 从右到左垂直排列 */
}

/* 或者使用以下方式，根据需求选择 */
.vertical-text-alt {
    writing-mode: vertical-lr; /* 从左到右垂直排列 */
}

解释说明：

writing-mode 属性用于控制文本的排版方向。
- vertical-rl：表示文字从右到左垂直排列。
- vertical-lr：表示文字从左到右垂直排列。

你可以根据需要选择适合的排列方式。

上一篇：css 3

下一篇：css 优先级