丿一盏孤灯丿的BlogAppearance
英文文本垂直正向排列
css
.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright;
}writing-mode
| 属性值 | 说明 |
|---|---|
| horizontal-tb | 水平方向自上而下的书写方式 即 left-right-top-bottom 默认值 |
| vertical-rl | 垂直方向自右而左的书写方式 即 top-bottom-right-left |
| vertical-lr | 垂直方向内内容从上到下，水平方向从左到右 |
| sideways-rl | 内容垂直方向从上到下排列 |
| sideways-lr | 内容垂直方向从下到上排列 |
text-orientation
| 属性值 | 说明 |
|---|---|
| mixed | 将字符顺时针旋转 90o 度，自然地设置了垂直脚本的字符 默认值 |
| upright | 自然地设置水平脚本的字符(直立)，以及垂直脚本的字形，使所有字符都被视为从左到右 |
| sideways | 顺时针旋转 90 度。会导致字符水平排列。在 Google Chrome 和除 Firefox 之外的其他主要浏览器中不起作用，即仅在 Firefox 中有效 |
| vertical-lr | 整行向左旋转90°。为了兼容性而保留了sideways的别名sideways-right |
| initial | 将属性设置为其默认值 |
| inherit | 从其父元素继承属性 |