概述
writing-mode属性定义了文本水平或垂直排布以及在块元素中的行进方向。
该属性的初始值为horizontal-tb文本水平。
/* Keyword values */
writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;
/* Global values */
writing-mode: inherit;
writing-mode: initial;
writing-mode: unset;
horizontal-tb
文本方向为水平方向,从左到右,相邻两行垂直方向,从上倒下。
vertical-rl
文本方向为垂直方向,从上到下,相邻两行为水平方向,从右到左。rl:right to left
vertical-lr
文本方向为垂直方向,从上到下,相邻两行为水平方向,从左到右。lr: left to right
sideways-rl
文本内容从水平方向顺时针旋转90度到垂直方向,文字也一起旋转,rl:为从右到左读
sideways-lr
文本内容从水平方向逆时针旋转90度到垂直方向,文字也一起旋转,lr:为从左到右读
lr
Deprecated except for SVG1 documents. For CSS, use horizontal-tb.
lr-tb
Deprecated except for SVG1 documents. For CSS, use horizontal-tb.
rl
Deprecated except for SVG1 documents. For CSS, use horizontal-tb.
tb
Deprecated except for SVG1 documents. For CSS, use vertical-lr.
tb-rl
Deprecated except for SVG1 documents. For CSS, use vertical-rl.

本文深入解析CSS中的writing-mode属性,阐述其如何定义文本的水平或垂直排布方式及行进方向,包括horizontal-tb、vertical-rl、vertical-lr等关键属性值的使用场景与效果。
173

被折叠的 条评论
为什么被折叠?



