你有使用过css的writing-mode属性吗？说说它有哪些应用场景？

"writing-mode 是一个 CSS 属性，用于指定元素的书写模式。它有以下几种取值：

1. horizontal-tb：水平书写模式，从上到下，从左到右，这是默认值。
2. vertical-rl：垂直书写模式，从右到左，从上到下，类似于日本和中国的竖排文字。
3. vertical-lr：垂直书写模式，从左到右，从上到下，类似于朝鲜和蒙古的竖排文字。

writing-mode 可以应用于块级元素和行内元素，对于不同的应用场景，它有以下一些用途：

1. 实现竖排文字：通过设置 writing-mode 为 vertical-rl 或 vertical-lr，可以实现竖排文字的效果，适用于展示中文、日文、韩文等使用竖排文字的语言。

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

2. 实现横向排列的竖直导航菜单：通过设置 writing-mode 为 vertical-rl 或 vertical-lr，并结合设置宽度、高度和间距等属性，可以实现横向排列的竖直导航菜单。

.vertical-menu {
  writing-mode: vertical-rl;
  width: 100px;
  height: 300px;
  text-align: center;
}

3. 实现文字的倒排效果：通过设置 writing-mode 为 vertical-lr，再结合设置 transform 属性的 scaleX(-1)，可以实现文字的倒排效果。

.reversed-text {
  writing-mode: vertical-lr;
  transform: scaleX(-1);
}

4. 实现文字的横向排列：通过设置 writing-mode 为 horizontal-tb，可以强制文字横向排列，即使是在使用竖排文字的环境中。

.horizontal-text {
  writing-mode: horizontal-tb;
}

总结：writing-mode 属性可以用于控制元素的书写模式，常用于实现竖排文字、竖直导航菜单、文字的倒排效果和强制横向排列等效果。"