CSS writing-mode 属性

CSS 属性 writing-mode 用于指定元素的书写模式，即文本的书写方向和排列方式。在不同的语言和文化中，文字的书写方向可能不同，通过设置 writing-mode 属性，可以实现不同书写模式的排版效果。

值

writing-mode 属性有以下几种可能的取值：

• horizontal-tb：水平方向从上到下排列，从左到右书写。
• vertical-rl：垂直方向从上到下排列，从右到左书写。
• vertical-lr：垂直方向从上到下排列，从左到右书写。
• sideways-rl：水平方向从左到右排列，文本向右侧倾斜。
• sideways-lr：水平方向从左到右排列，文本向左侧倾斜。

示例代码

// www.javascriptcn.com code example
/* 水平方向从上到下排列，从左到右书写 */
.example {
  writing-mode: horizontal-tb;
}

/* 垂直方向从上到下排列，从右到左书写 */
.example {
  writing-mode: vertical-rl;
}

/* 垂直方向从上到下排列，从左到右书写 */
.example {
  writing-mode: vertical-lr;
}

/* 水平方向从左到右排列，文本向右侧倾斜 */
.example {
  writing-mode: sideways-rl;
}

/* 水平方向从左到右排列，文本向左侧倾斜 */
.example {
  writing-mode: sideways-lr;
}

通过使用 writing-mode 属性，可以实现不同书写模式下的文本排版效果，为网页设计提供更多的排版选择。在多语言网站或特定文化设计中，这一属性可以发挥重要作用。