Template:Writing-mode

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

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

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

• v、v1、tbrl：右起竖排
• v2、tblr：左起竖排
• v3：非浮動豎排（適合在橫排文字中混排豎排文字）
• 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}}">天地玄黄ABC123<br>宇宙洪荒ABC123</span> → 天地玄黄ABC123
宇宙洪荒ABC123

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

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

• 左起竖排

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

• 横排

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

• 右转 90°

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

• 左转 90°

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

外部链接

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