DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!
writing-mode
属性更改文本的对齐方式,以便可以从上到下或从左到右阅读,具体取决于语言。例如,假设我们想要添加一些从上到下、从右到左阅读的文本,如下所示
.vertical-rl { writing-mode: vertical-rl; }
这在中文、日文或韩文等文本经常垂直设置的语言中最有用。在英语中,您更有可能出于美观原因使用此属性,例如像这样对齐文本块中的标题
值
在下面的示例中,我将文本的第一个字母设为红色,以便更容易看出需要从哪个方向开始阅读。
horizontal-tb
这是属性的默认值:文本从左到右、从上到下阅读。
vertical-rl
文本从右到左、从上到下阅读
vertical-lr
文本从左到右、从上到下阅读
相关链接
浏览器支持
此浏览器支持数据来自 Caniuse,其中包含更多详细信息。数字表示浏览器从该版本及更高版本开始支持该功能。
桌面
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
8* | 41 | 11 | 12 | 5.1* |
移动/平板电脑
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
127 | 127 | 3* | 5.0-5.1* |