Handling different text directions
处理不同方向的文本
writing-mode
可以把横的变成竖的。
horizontal-tb
: 块流向从上至下。对应的文本方向是横向的。
vertical-rl
: 块流向从右向左。对应的文本方向是纵向的。
vertical-lr
: 块流向从左向右。对应的文本方向是纵向的。
书写模式、块级布局和内联布局
块级布局和内联布局盒模型
块和内联文的方向不一样:
块维度指的总是块在页面书写模式下的显示方向。而内联维度指的总是文本方向。
水平书写模式下的两种维度:
纵向书写模式下的两种维度: