今天是2024年11月22日 第47周 星期五
代人,时大变了。
我们生活在大地上,但我们的梦想超越天空。
模板:Writing-mode
跳至導覽
跳至搜尋
本模板用於生成更改文字在頁面中的排列方向的樣式。
本模板僅有一個匿名參數,支持以下值:
- 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子頁面中添加分類。本模板的子頁面。 |