css文字竖向排列

作者：巅峰战犯发布日期:2026-06-19 浏览:62

/* 使用 writing-mode 属性可以让文字竖向排列 */
.text-vertical {
    writing-mode: vertical-rl; /* vertical-rl 表示从右到左竖排 */
}

/* 示例 HTML 代码 */
<div class="text-vertical">
    这是竖向排列的文字
</div>

解释说明：

writing-mode 是 CSS 中用于控制文本方向的属性。
vertical-rl 表示文字会从右到左竖向排列。如果你希望文字从左到右竖向排列，可以使用 vertical-lr。

上一篇：css滚动条样式修改

下一篇：css超过长度显示...