技术频道


CSS 中字母竖向显示

这个属性允许你改变文本的排列方向。对于竖直排列,可以使用 vertical-rl(从右到左)或 vertical-lr(从左到右)

以下是一些示例代码:

/* 从右到左竖直排列 */
.vertical-rl {
  writing-mode: vertical-rl;
}

/* 从左到右竖直排列 */
.vertical-lr {
  writing-mode: vertical-lr;
}

将带有 writing-mode 的 CSS,应用到 HTML 上:

<div class="vertical-rl">H</div>
<div class="vertical-lr">H</div>

这样,div 中的字母 H 就会竖直显示了。可以根据需要选择 vertical-rl 或 vertical-lr 来控制文本的竖直排列方向

CSS 字母竖方向显示扩展阅读:




发表评论