模板:Writing-mode

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

外部連結

• http://dev.w3.org/csswg/css3-writing-modes/
• https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode