模板:Writing-mode
此模板已于80,000+个页面中应用,对其进行的修改会影响到这些页面。请先在本模板的沙盒或测试样例子页面或您的用户子页面中测试所要进行的修改,并请考虑在应用修改前,于讨论页上进行讨论。 |
本模板用于生成更改文字在页面中的排列方向的样式。
本模板仅有一个匿名参数,支持以下值:
- v、v1、tbrl:右起竖排
- v2、tblr:左起竖排
- v3:非浮动竖排(适合在横排文字中混排竖排文字)
- h、lrtb:横排(适合在竖排文字中添加横排文字)
- s1:右转 90°
- s2:左转 90°
用法
编辑- 右起竖排
- <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
上述文档嵌入自Template:Writing-mode/doc。 (编辑 | 历史) 编者可以在本模板的沙盒 (创建 | 镜像)和测试样例 (创建)页面进行实验。 请在/doc子页面中添加分类。 本模板的子页面。 |