块方向与行内方向

块方向是块级框堆叠的方向。在水平书写系统（LTR/RTL）中，块方向是从上到下。在竖排书写模式中，它会变为从左到右或从右到左。

行内方向是文本在一行中流动的方向。在 LTR 语言中，行内方向是从左到右。在 RTL 中，则是从右到左。在竖排书写模式中，它会变为从上到下。

writing-mode 设置文本流动的基本方向：

• horizontal-tb——水平文本，从上到下（默认值）
• vertical-rl——竖直文本，文本列从右到左排列
• vertical-lr——竖直文本，文本列从左到右排列

在 writing-mode: horizontal-tb（默认值）中：

• 块方向 = 垂直（从顶部 → 底部）
• 行内方向 = 水平（LTR 中从左 → 右，RTL 中从右 → 左）
• 块起点 = 顶部，块终点 = 底部
• 行内起点 = 左侧（LTR）或右侧（RTL）

在 writing-mode: vertical-rl 中：

• 块方向 = 水平（从右 → 左）
• 行内方向 = 垂直（从顶部 → 底部）
• 块起点 = 右侧，块终点 = 左侧
• 行内起点 = 顶部，行内终点 = 底部

可以将其想象成一个会随书写模式旋转的坐标系统。逻辑属性描述的是相对于这个可旋转系统的位置，而不是相对于固定屏幕的位置。

在竖排书写模式中，text-orientation 控制单个字符的方向：

• mixed：旋转拉丁字符，保持 CJK 字符直立
• upright：所有字符保持直立（用于竖排 CJK）
• sideways：所有字符横向旋转

一种实际用途是：在水平书写环境中旋转侧边栏标签或图表坐标轴标签：

容器可以使用一种书写模式，而单独的行内元素可以使用另一种书写模式。这可用于在同一段落中混合拉丁文本和 CJK 文本。

宽度和高度的逻辑等价属性：

• inline-size = horizontal-tb 中的宽度（行内维度）
• block-size = horizontal-tb 中的高度（块维度）

对于包含数字或缩写的竖排文本，text-combine-upright（tcy）会让较短的字符序列保持直立，并压缩在单个竖排文本单元格内。

在使用 LTR 语言的 writing-mode: horizontal-tb 中，哪个轴是“块”轴？

块轴是块框的堆叠方向，行内轴是文本的流动方向。在水平书写系统中，块轴是垂直方向，行内轴是水平方向。在竖排书写中，两者会互换。writing-mode 控制基本的轴方向。逻辑属性会适配当前的块轴和行内轴。