模板:Ruby

{{{1}}}{{{2}}}

首页 > 模板 > 模板:Ruby

编 刷 历

模板文档  

这个文档嵌入自模板:Ruby/doc。

本模板可產生注zhù音yīn的效果。

用法

{{Ruby|文字|注音|文字語言代碼|注音語言代碼}}

文字語言與注音語言為可選參數，不填注音語言時，注音語言與文字語言相同。

本模板全都是编号参数。

各語言對應的代碼見維基百科的ISO 639等條目。

範例

代码	效果
{{Ruby|注|zhù}}{{Ruby|音|yīn}}	注zhù音yīn
{{Ruby|運命|さだめ|ja}}	運命さだめ
{{Ruby|超電磁砲|レールガン|ja}}	超電磁砲レールガン
{{Ruby|東方妖々夢|とうほうようようむ|ja}} 〜 {{Ruby|Perfect|パーフェクト|en|ja}} {{Ruby|Cherry|チェリー|en|ja}} {{Ruby|Blossom|ブロッサム|en|ja}}	東方妖々夢とうほうようようむ 〜 Perfectパーフェクト Cherryチェリー Blossomブロッサム

问题

模板本身

本模板不可以對本身重複嵌套，會出錯。

浏览器

目前仅部分浏览器支持本模板的样式，使用前请注意您的浏览器的兼容性。

• 如果您看到注音排在文字上面，那就说明您的浏览器兼容该样式。
• Firefox 34～37 版可以打开 about:config 页面，把 layout.css.ruby.enabled 这个参数改成 true 来开启注音效果。

参阅：

• Can I use... 上面的浏览器兼容性列表
• Mozilla 开发者网站上面有关 <ruby> 的说明

表格类

现象描述：

该模板在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>
|}