模板:Ruby/doc

这个模板引用自中文维基百科,并可能进行了修改。感谢所有编辑们做出的贡献。

注意:请勿滥用该模板!

本模板可产生zhùyīn的效果。

用法

{{Ruby|文字|注音|文字语言|注音语言}}

文字语言与注音语言为可选参数,不填注音语言是,注音语言与文字语言相同

本模板不可以重复嵌套,会出错

范例 

代码 效果
{{Ruby|注|zhù}}{{Ruby|音|yīn}} zhùyīn

问题

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

参阅:

Firefox 34~37 版可以打开 about:config 页面,把 layout.css.ruby.enabled 这个参数改成 true 来开启注音效果。

现象描述:

该模板在table、li等元素中使用会可能导致部分对齐方式上的问题,这是由于渲染方式上的问题。在列内元素数量不统一时不同的宽度分配方式会导致的高度分配不一(webkit会给块元素一个合理的空间)。这个问题只在宽度是自动分配的时候出现,如果宽度是被指定好的则不会出现这个问题。

标题文字 标题文字 标题文字
100px宽度,换行时触发异常 150px宽度 示例test:ruby标签,自动调节宽度,显示异常,单元格会向上浮动若干像素
100px宽度 示例test:150px宽度,宽度被写死的情况下不会触发异常
套上了div标签之后,示例test:ruby标签,自动调节宽度,显示正常

解决方法:

在ruby外面套一个div标签。

{| class="wikitable" 
|-
! 标题文字 !! 标题文字 !! 标题文字
|-
| width=100px|100px宽度,换行时触发异常 || width=150px|150px宽度|| {{ruby|示例|test}}:ruby标签,自动调节宽度,显示异常,单元格会向上浮动若干像素
|-
| 100px宽度 || {{ruby|示例|test}}:150px宽度,宽度被写死的情况下不会触发异常 || <div>套上了div标签之后,{{ruby|示例|test}}:ruby标签,自动调节宽度,显示正常</div>
|}

参见