CSS Writing Modes Level 3规范建立了诸如“块尺寸”之类的逻辑术语,对于水平书写模式(正如我现在所写的那样)将是垂直的。因此,西方文字中的“块大小”将对应于物理尺寸“高度”。我理解那部分很好。
规范中还将“块流向”定义为“块级盒子堆叠的方向和行盒子在块容器内堆叠的方向”,并表示该writing-mode
属性决定了块的流动方向。因此,如果日语使用vertical-rl
书写模式,则块流方向将是水平的(从右到左)。在其他地方讨论抽象维度时,规范将“块轴”定义为相当于西方右模式中的垂直轴(在我正在写作的这个页面上,块垂直流动),以及垂直写作模式中的水平轴。
这就是我不清楚写作模式逻辑轴和整个页面流之间的区别(如果有的话)的地方。整体页面流布局(CSS盒子模型的)是否等同于由书写方式决定的块流?
这是一个例子来说明我的怀疑。如果有使用vertical-rl
书写模式垂直书写的日文页面,则“块轴”是水平轴。那么这是否意味着页面水平流动?用户是否会向左滚动以查看页面的其余部分,而不是向下滚动?考虑一个典型的着陆页,在屏幕顶部有一个“英雄”,然后是它下面的各个部分,底部有一个页脚。在vertical-rl
写作模式下,用户是否会向左滚动以查看英雄下方的部分?
我想问题归结为:整体页面流是否真的等同于块流方向,还是最终页面总是流动并向下滚动而不考虑写作模式?
由于有些人不理解我所说的“整体页面流程”,请参阅CSS 2.1 § 9.4.1 正常流程 > 块格式化上下文:
在块格式化上下文中,框从包含块的顶部开始一个接一个地垂直排列。
所以可以重申这个问题:如果有一个使用writing-mode
of编写的页面vertical-rl
,如上所示导致水平“块流向”,这是否真的导致 CSS 2.1 § 9.4 的“正常流”变为“一个接一个地布置,水平”而不是“一个接一个地布置,垂直”?页面是否水平滚动而不是垂直滚动?