查看“模板:Writing-mode/doc”的源代码

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

本模板参考[[Wikipedia:zh:Template:Vtext-css3|中文维基百科]]。

=== 语法 ===
 -{}-<nowiki>{{writing-mode|class=</nowiki>网页的class样式|display=显示的方式|float=在网页上面浮动显示的位置|lh=行高|size=文字大小|valign=垂直对齐的方式|style=其他自定义样式|文字|排列方向}}
其中匿名参数2可以留空，如有必要，则可以接受的赋值如下：
* v、v1：从右到左竖排（最常用的竖排字样式）
* v2：从左到右竖排
* h：横排，适合在竖排文字中插入需要保持横排的字（纵中横），比如数字
* s1：文字直接逆时针旋转 90°
* s2：文字直接顺时针旋转 90°

=== 范例 ===
如果输入：<nowiki>{{writing-mode|</nowiki>文字在這裡。}}<br />
结果会是：{{writing-mode|文字在這裡。}}

如果输入：<nowiki>{{writing-mode|山田君与{{writing-mode|7|h}}个魔女}}</nowiki><br />
结果会是：{{writing-mode|山田君与{{writing-mode|7|h}}个魔女|style=white-space: nowrap}}

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

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

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

=== 资料 ===
* [http://dev.w3.org/csswg/css-writing-modes-3/ W3C 草案：CSS Writing Modes Level 3]
* [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Writing_Modes Mozilla 开发者网站：CSS Writing Modes]