今天是2024年十一月23日 第47周 星期六
代人,时大变了。
我们生活在大地上,但我们的梦想超越天空。
“Template:Writing-mode”的版本间的差异
跳到导航
跳到搜索
小 (导入8个版本) |
|||
(未显示2个用户的2个中间版本) | |||
第1行: | 第1行: | ||
{{#switch:{{{1|}}} | {{#switch:{{{1|}}} | ||
− | |v|v1|tbrl=writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl;writing-mode: tb-rl; layout-flow: vertical-ideographic; overflow | + | |v|v1|tbrl=writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -ms-writing-mode: tb-rl;writing-mode: tb-rl; layout-flow: vertical-ideographic; overflow:auto; float:right; |
− | |v2|tblr=writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -o-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: tb-lr;overflow | + | |v2|tblr=writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -o-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: tb-lr;overflow:auto; float:left; |
+ | |v3|tblr=writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -o-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: tb-lr;overflow:auto; | ||
|h|lrtb=writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb;layout-flow: horizontal; | |h|lrtb=writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb;layout-flow: horizontal; | ||
|s1=writing-mode: sideways-rl; -webkit-writing-mode: sideways-rl; | |s1=writing-mode: sideways-rl; -webkit-writing-mode: sideways-rl; |
2022年7月11日 (一) 21:03的最新版本
本模板用于生成更改文字在页面中的排列方向的样式。
本模板仅有一个匿名参数,支持以下值:
- 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
上述文档嵌入自Template:Writing-mode/doc。 (编辑 | 历史) 编者可以在本模板的沙盒 (创建 | 镜像)和测试样例 (创建)页面进行实验。 请在/doc子页面中添加分类。本模板的子页面。 |