writing-mode

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

writing-mode 属性更改文本的对齐方式,以便可以从上到下或从左到右阅读,具体取决于语言。例如,假设我们想要添加一些从上到下、从右到左阅读的文本,如下所示

.vertical-rl { writing-mode: vertical-rl; }

这在中文、日文或韩文等文本经常垂直设置的语言中最有用。在英语中,您更有可能出于美观原因使用此属性,例如像这样对齐文本块中的标题

在下面的示例中,我将文本的第一个字母设为红色,以便更容易看出需要从哪个方向开始阅读。

horizontal-tb

这是属性的默认值:文本从左到右、从上到下阅读。

vertical-rl

文本从右到左、从上到下阅读

vertical-lr

文本从左到右、从上到下阅读

浏览器支持

此浏览器支持数据来自 Caniuse,其中包含更多详细信息。数字表示浏览器从该版本及更高版本开始支持该功能。

桌面

ChromeFirefoxIEEdgeSafari
8*4111125.1*

移动/平板电脑

Android ChromeAndroid FirefoxAndroidiOS Safari
1271273*5.0-5.1*