css中的书写模式是指文本是水平放置还是垂直放置
writing-mode 属性可以实现从一种书写模式切换到另一种书写模式
writing-mode 的三个属性值
-
horizontal-tb：从上到下的流动方向 句子水平排列
-
vertical-rl：从右到左的块流动方向 句子垂直排列
-
vertical-lr：从左到右的块流动方向 句子垂直排列
writing-mode: horizontal-tb 从上到下的流动方向 句子水平排列
效果：
writing-mode:vertical-rl 从右到左的块流动方向 句子垂直排列
效果：
writing-mode:vertical-lr 从左到右的块流动方向 句子垂直排列
效果：
注意：当文字垂直排列的时候，不仅需要交换的是排列方式 还有宽度和高度
那就需要用到 inline-size 和 block-size
- inline-size
当文字水平排列的时候 相当于width
当文字垂直排列的时候 相当于height
效果: 因为加上了border 所有会加2px
当水平排列的时候 inline-size为宽度
block-size为高度
- block-size
当文字水平排列的时候 相当于height
当文字垂直排列的时候 相当于width
效果：因为加上了border 所有会加2px
垂直排列的时候 inline-size为高度
block-size为宽度
