这个属性允许你改变文本的排列方向。对于竖直排列,可以使用 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 来控制文本的竖直排列方向。