CSS学习--文本处理
文本处理
写入模式
writing-mode: horizontal-tb | vertical-rl | vertical-lr;
| 值 | 描述 |
|---|---|
| horizontal-tb | 文本横向，块流向从上至下 |
| vertical-rl | 文本纵向，块流向从右至左 |
| vertical-lr | 文本纵向，块流向从左至右 |
inline-size（内联尺寸）
属性影响一个元素的width 或 height，以改变一个元素的盒模型的水平或垂直大小
block-size（块级尺寸）
定义了元素区块的水平宽度和垂直高度，也就是width或height属性，它们的大小取决于写入模式，即writing-mode的值。
注意： 当写入为horizontal-tb时，inline-size控制的是width，block-size控制height
| 物理值 | 逻辑值 |
|---|---|
| padding-top | padding--block-start |
| padding-left | padding--inline-start |
| margin-top | margin-block-start |
| margin-left | margin-inline-start |
| border-bottom | border-block-end |
| border-right | border-inline-end |
| top | block-start |
| right | inline-end |
| bottom | block-end |
| left | inline-start |
