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

来自萌娘文库
跳转至: 导航搜索
(// Edit via Wikiplus)
 
第1行: 第1行:
 
<span {{#if: {{{class|}}}|class="{{{class|}}}"}} {{#if: {{{id|}}}|id="{{{id|}}}"}} {{#if: {{{lang|}}}|lang="{{{lang|}}}" xml:lang="{{{lang|}}}"}} style="display:inline-block; {{#if: {{{float|}}}|float: {{{float|}}};}} {{#ifeq: {{{2|}}}|h||vertical-align: {{{vertical-align|{{{valign|text-top}}}}}};}} {{#if: {{{size|}}}|font-size: {{{size|}}};}} {{#switch:{{{2|}}}|h=line-height: {{{line-height|{{{lh|1em}}}}}};|#default={{#if: {{{line-height|{{{lh|}}}}}}|line-height: {{{line-height|{{{lh|}}}}}};}}}} {{#switch:{{{2|}}}|v|v1=writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;layout-flow:vertical-ideographic;|v2=writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-o-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: tb-lr;|h=writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-o-writing-mode: horizontal-tb;-ms-writing-mode: lr-tb;writing-mode: lr-tb;layout-flow: horizontal;|#default=writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;layout-flow:vertical-ideographic;}} {{{style|{{{css|}}}}}}">{{{1}}}</span><noinclude>
 
<span {{#if: {{{class|}}}|class="{{{class|}}}"}} {{#if: {{{id|}}}|id="{{{id|}}}"}} {{#if: {{{lang|}}}|lang="{{{lang|}}}" xml:lang="{{{lang|}}}"}} style="display:inline-block; {{#if: {{{float|}}}|float: {{{float|}}};}} {{#ifeq: {{{2|}}}|h||vertical-align: {{{vertical-align|{{{valign|text-top}}}}}};}} {{#if: {{{size|}}}|font-size: {{{size|}}};}} {{#switch:{{{2|}}}|h=line-height: {{{line-height|{{{lh|1em}}}}}};|#default={{#if: {{{line-height|{{{lh|}}}}}}|line-height: {{{line-height|{{{lh|}}}}}};}}}} {{#switch:{{{2|}}}|v|v1=writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;layout-flow:vertical-ideographic;|v2=writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-o-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: tb-lr;|h=writing-mode: horizontal-tb;-webkit-writing-mode: horizontal-tb;-o-writing-mode: horizontal-tb;-ms-writing-mode: lr-tb;writing-mode: lr-tb;layout-flow: horizontal;|#default=writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl;layout-flow:vertical-ideographic;}} {{{style|{{{css|}}}}}}">{{{1}}}</span><noinclude>
 
{{Documentation}}
 
{{Documentation}}
[[Category:格式模板]]
+
[[Category:排版模板]]
 
</noinclude>
 
</noinclude>

2022年1月2日 (日) 17:11的最新版本

{{{1}}}

Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

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

语法

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

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

  • v、v1:从右到左竖排(最常用的竖排字样式)
  • v2:从左到右竖排
  • h:横排,可以在竖排文字中插入需要横排的字符,比如数字

范例

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

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

如果与 {{ruby}} 等合用:{{writing-mode|{{lang|ja|とある{{ruby|科学|かがく}}の{{ruby|超電磁砲|レールガン}}}}}}
结果会是:とある科学かがく超電磁砲レールガン
此时若没有指定排列方向,则注音会显示在文字的右边。

问题

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

参阅:

Firefox 38—40 版本须要打开 about:config 页面检查 layout.css.vertical-text.enabled 这个参数,如果这个参数的值为 true 就能正常显示竖排文字。