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

2017年1月16日 (一) 23:34的最新版本

本模板用来规定文字在页面上的排版方向，也就是说规定某一段文字是横排还是竖排。此外还有其他可选参数。

本模板参考中文维基百科。

语法

-{}-{{writing-mode|class=网页的class样式|display=显示的方式|float=在网页上面浮动显示的位置|lh=行高|size=文字大小|valign=垂直对齐的方式|style=其他自定义样式|文字|排列方向}}

其中匿名参数2可以留空，如有必要，则可以接受的赋值如下：

• v、v1：从右到左竖排（最常用的竖排字样式）
• v2：从左到右竖排
• h：横排，适合在竖排文字中插入需要保持横排的字（纵中横），比如数字
• s1：文字直接逆时针旋转 90°
• s2：文字直接顺时针旋转 90°

范例

如果输入：{{writing-mode|文字在這裡。}}
结果会是：文字在這裡。

如果输入：{{writing-mode|山田君与{{writing-mode|7|h}}个魔女}}
结果会是：山田君与7个魔女

如果与 {{ruby}} 一起使用：{{writing-mode|-{とある{{ruby|科学|かがく}}の{{ruby|超電磁砲|レールガン}}}-}}
结果会是：-{とある科学（かがく）の超電磁砲（レールガン）}-
只要开启竖排模式，注音就会显示在文字的右边。

问题

目前仅部分浏览器支持本模板的样式，使用前请注意您的浏览器的兼容性。如果您能看到文字竖排显示，那就说明您的浏览器兼容该样式。

Firefox 38—40 须要打开 about:config 页面检查 layout.css.vertical-text.enabled 这个参数，如果这个参数的值为 true 就能正常显示竖排文字。41 开始不经任何设置就能正常显示。

资料

• W3C 草案：CSS Writing Modes Level 3
• Mozilla 开发者网站：CSS Writing Modes