处理不同方向的文本2.0

　　1、什么是书写模式

　　书写模式，就是定义文本的排列方向；如从左至右，从上至下。

　　2、

　　writing-mode的三个值分别是：

• horizontal-tb: 块流向从上至下。对应的文本方向是横向的。
• vertical-rl: 块流向从右向左。对应的文本方向是纵向的。
• vertical-lr: 块流向从左向右。对应的文本方向是纵向的。

　　3、物理属性和逻辑属性

• 物理属性有width、height、margin、border、padding（top,bottom,left,right），实际上这些属性定义的就是屏幕水平方向和垂直方向的属性值；如width定义的就是盒子在屏幕水平方向上的长度，height定义的是盒子在屏幕垂直方向上的长度；又比如，margin-top定义的是盒子在屏幕上方向的外边距宽度。物理属性不会因为书写模式的改变，而发生变化，也就是说，物理属性永远都是最初相对于屏幕的模式；
• 逻辑属性，定义的是维度的属性值（内联维度、块维度），当书写模式发生改变时，而维度的方向也发生了变化，逻辑属性重新应用于维度，所以对应的物理属性就会发生对应的变化；
• 逻辑属性：inline-size、block-sizing、margin-inline-start,margin-block-end
• 逻辑值：block-start,block-end,inline-start,inline-end