我们不久前分享了 一个关于如何使用 writing-mode 属性垂直设置标题的小技巧。 虽然这是一个有用的技巧,但它只是这个属性的冰山一角。 Jen Simmons 深入探讨并解释了真正发生的事情。
元素在网站上以某种方式流动。 不进行任何特殊操作,块级元素会从上到下向下推。 行内元素从左到右排列。 在 writing-mode 中,这将由 (默认) horizontal-tb
(水平行内流动,“从上到下”块级流动) 表示。 不同的语言和文化以不同的方式处理布局,因此此属性允许以比 dir
属性更全面的方式控制布局。 例如,vertical-rl
(垂直行内流动,“从右到左”块级流动)。