css 文字竖向

作者：淺墨发布日期:2026-06-04 浏览:72

/* 使用 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 圆环