今天是2024年11月23日 第47周 星期六

代人,时大变了。

我们生活在大地上,但我们的梦想超越天空。

“Template:Writing-mode”的版本间的差异

来自Akarin
跳到导航 跳到搜索
(导入8个版本)
 
(未显示2个用户的3个中间版本)
第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-x:auto; float:right;
+
|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-x:auto; float:left;
+
|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;
 
|s2=writing-mode: sideways-lr; -webkit-writing-mode: sideways-lr;
 
|s2=writing-mode: sideways-lr; -webkit-writing-mode: sideways-lr;
 
}}<noinclude>
 
}}<noinclude>
{{Wp/mnc/Documentation}}
+
{{Documentation}}
 
[[Category:格式模板]]
 
[[Category:格式模板]]
 
</noinclude>
 
</noinclude>

2022年7月11日 (一) 21:03的最新版本

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

外部链接