模板:Writing-mode

模板文档[查看] [编辑] [历史] [清除缓存]

本模板用于生成更改文字在页面中的排列方向的样式。

本模板仅有一个匿名参数，支持以下值：

• v、v1、tbrl：右起竖排
• v2、tblr：左起竖排
• h、lrtb：横排（适合在竖排文字中添加横排文字）
• s1：右转 90°
• s2：左转 90°

Firefox（38.x－40.0.3版）的用户可以通过访问 about:config 页面，将 layout.css.vertical-text.enabled 改为 true 来启用对这一样式的支持。

用法

• 右起竖排

<span style="display: inline-block; {{writing-mode|v}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

<span style="display: inline-block; {{writing-mode|v1}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

<span style="display: inline-block; {{writing-mode|tbrl}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

• 左起竖排

<span style="display: inline-block; {{writing-mode|v2}}">ᠮᠣᠩᠭᠣᠯ<br />ᠪᠢᠴᠢᠭ᠌</span> → ᠮᠣᠩᠭᠣᠯ
ᠪᠢᠴᠢᠭ᠌

• 横排

<span style="display: inline-block; {{writing-mode|h}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

• 右转 90°

<span style="display: inline-block; {{writing-mode|s1}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

• 左转 90°

<span style="display: inline-block; {{writing-mode|s2}}">天地玄黄<br>宇宙洪荒</span> → 天地玄黄
宇宙洪荒

外部链接

• http://dev.w3.org/csswg/css3-writing-modes/
• https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

上述文档嵌入自Template:Writing-mode/doc。（编辑 | 历史）
编者可以在本模板的沙盒（创建 | 镜像）和测试样例（创建）页面进行实验。
请在/doc子页面中添加分类。本模板的子页面。