【CSS】writing-mode —— 文字方向（水平/垂直；左右/右左）
warning:
这篇文章距离上次修改已过311天，其中的内容可能已经有所变动。
CSS的writing-mode属性用于设置文本的书写方向，它可以设置为水平或垂直方向，以及左右或右左方向的文本。
属性值：
horizontal-tb：默认值，水平方向自上向下。vertical-rl：垂直方向，从上到下，从左到右。vertical-lr：垂直方向，从上到下，从右到左。
示例代码：
/* 水平方向，从上到下 */
.horizontal {
writing-mode: horizontal-tb;
}
/* 垂直方向，从上到下，从左到右 */
.vertical-lr {
writing-mode: vertical-lr;
}
/* 垂直方向，从上到下，从右到左 */
.vertical-rl {
writing-mode: vertical-rl;
}HTML使用：
<div class="horizontal">这是水平方向的文本。</div>
<div class="vertical-lr">这是垂直方向，从左到右的文本。</div>
<div class="vertical-rl">这是垂直方向，从右到左的文本。</div>以上代码将影响文本的显示方向，适用于不同语言的文字布局，如中文、日文等。
评论已关闭