CSS 学习手册

`writing-mode` 定义了文本的排列方向，不仅影响文字流向，还影响块级布局方向，适用于国际化排版（如中文、日文、蒙古文等）。 **取值：** - `horizontal-tb`（默认）：水平书写，从上到下 - `vertical-rl`：垂直书写，从右到左（如传统中文、日文） - `vertical-lr`：垂直书写，从左到右（如蒙古文） ```css /* 垂直文本示例 */ .vertical-text { writing-mode: vertical-rl; } ``` **文本方向：** - `direction`：`ltr`（左到右）或 `rtl`（右到左） - `unicode-bidi`：控制嵌入文本的显示 ```css .rtl { direction: rtl; unicode-bidi: embed; } ``` **相关属性：** - `text-orientation`：在垂直书写中控制字符方向（如 `mixed`, `upright`, `sideways`） ```css .vertical { writing-mode: vertical-rl; text-orientation: upright; /* 字符保持正向 */ } ``` **使用场景：** - 东亚语言文字排版 - 装饰性垂直标题 - 多语言网站