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