今天是2024年11月22日 第47周 星期五

代人,时大变了。

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

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

来自Akarin
跳到导航 跳到搜索
(创建页面,内容为“ 本模板用于生成更改文字在页面中的排列方向的样式。 本模板仅有一个匿名参数,支持以下值: *v、v1、tbrl:右起竖排 *v2…”)
 
第13行: 第13行:
 
== 用法 ==
 
== 用法 ==
 
*右起竖排
 
*右起竖排
:<nowiki><span style="display: inline-block; {{writing-mode|v}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|v}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|v}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|v}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
:<nowiki><span style="display: inline-block; {{writing-mode|v1}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|v1}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|v1}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|v1}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
:<nowiki><span style="display: inline-block; {{writing-mode|tbrl}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|tbrl}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|tbrl}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|tbrl}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
 
*左起竖排
 
*左起竖排
 
:<nowiki><span style="display: inline-block; {{writing-mode|v2}}">ᠮᠣᠩᠭᠣᠯ<br />ᠪᠢᠴᠢᠭ᠌</span></nowiki> → <span style="display: inline-block; {{writing-mode|v2}}">ᠮᠣᠩᠭᠣᠯ<br />ᠪᠢᠴᠢᠭ᠌</span>
 
:<nowiki><span style="display: inline-block; {{writing-mode|v2}}">ᠮᠣᠩᠭᠣᠯ<br />ᠪᠢᠴᠢᠭ᠌</span></nowiki> → <span style="display: inline-block; {{writing-mode|v2}}">ᠮᠣᠩᠭᠣᠯ<br />ᠪᠢᠴᠢᠭ᠌</span>
 
*横排
 
*横排
:<nowiki><span style="display: inline-block; {{writing-mode|h}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|h}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|h}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|h}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
 
*右转 90°
 
*右转 90°
:<nowiki><span style="display: inline-block; {{writing-mode|s1}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|s1}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|s1}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|s1}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
 
*左转 90°
 
*左转 90°
:<nowiki><span style="display: inline-block; {{writing-mode|s2}}">天地玄 <br>宇宙洪 </span></nowiki> → <span style="display: inline-block; {{writing-mode|s2}}">天地玄 <br>宇宙洪 </span>
+
:<nowiki><span style="display: inline-block; {{writing-mode|s2}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span></nowiki> → <span style="display: inline-block; {{writing-mode|s2}}">天地玄 黄ABC123<br>宇宙洪 荒ABC123</span>
  
 
== 外部链接 ==
 
== 外部链接 ==
 
* http://dev.w3.org/csswg/css3-writing-modes/
 
* http://dev.w3.org/csswg/css3-writing-modes/
 
* https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode
 
* https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

2019年8月6日 (二) 15:40的版本

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

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

  • 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}}">天地玄黄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

外部链接