各位观众，掌声欢迎！（假装有掌声）今天咱们聊聊 CSS 里有点意思，但又容易被忽视的“Writing Modes”。别怕，这玩意儿没那么玄乎，搞明白了，能让你的网页排版瞬间高大上。 开场白：文本流的那些事儿 在深入 Writing Modes 之前，咱们得先回忆一下网页上的文本是怎么流动的。默认情况下，文本就像水一样，从左到右，从上到下，填满容器。这就是所谓的“水平书写模式”（horizontal-tb），也是咱们最常见的模式。 但是，世界那么大，文字的流动方式可不止这一种。比如，古代的竹简，文字就是竖着写的。CSS 里的 Writing Modes 就是用来控制文本流动的方向的。 主角登场：Writing Modes 家族 Writing Modes 主要有以下几种： horizontal-tb：水平方向，从上到下。这是默认值，不用特意设置。 vertical-rl：垂直方向，从右到左。 vertical-lr：垂直方向，从左到右。 注意，这里说的“方向”指的是行的排列方向。每行里面的文字方向是由 direction 属性控制的，后面咱们会讲到。 实战演练：vertical-rl 初 …
继续阅读“CSS `Writing Modes` (`vertical-lr`, `vertical-rl`) 与文本流排版”