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

代人,时大变了。

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

模板:Writing-mode

出自Akarin
於 2022年7月11日 (一) 21:03 由 白龙對話 | 貢獻 所做的修訂 (导入8个版本)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)
跳至導覽 跳至搜尋
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

外部連結