模板:Ruby/doc
此模板允许您为特定文本添加一段小字标注,常用于中文拼音标注、日文汉字标注假名、韩文标注汉字成语等,也可以用于
使用方法
{{Ruby|文字|上方小字|
文本语言标签|音标语言标签}}
使用示例
代码 | 效果 | 说明 |
---|---|---|
{{Ruby|注|zhù}}{{Ruby|音|yīn}} |
为中文添加拼音标注。 | |
{{Ruby|運命|さだめ}} |
为日文汉字标注假名。 | |
{{Ruby|超电磁炮|レールガン}} |
将单词翻译为另一种语言。 | |
{{Ruby|충|忠}}!{{Ruby|성|誠}}! |
韩文标注汉字。 | |
A bicycle can't stand on it's own because it is {{Ruby|two-tyredmeet|too tired}}. |
A bicycle can't stand on it's own because it is |
玩一个小笑话。 |
注意事项
模板本身
- 此模板不能自身嵌套多层,否则会导致错误。
- 请尽量避免使用此模板排版长句内容和翻译,标注单词时请使用最短单位(如单词或音节)进行排版。过长的排版可能导致窄屏设备换行异常;此模板并非专为翻译内容设计。如需原文与翻译同时出现,请考虑直接使用括号标明。
请不要不要不要不要不要不要不要不要 这样排版。
浏览器支持
目前仅部分浏览器支持此模板的样式。使用前请注意浏览器兼容性。
- 如果您看到文字上方有较小的标注文本,说明您的浏览器支持此样式。
- Firefox 34~37 可通过打开
about:config
页面,设置layout.css.ruby.enabled
参数为true
以启用标注效果。
- 参考:
表格样式
- 问题描述:
在表格、li等元素中使用此模板可能导致某些对齐问题,这是由于渲染方式引起的。当列中元素数量不一致时,不同的宽度分配方式会导致不同的高度分配(webkit 会为块元素提供合理的空间)。此问题仅在宽度自动分配时发生。如果指定宽度,则不会出现此问题。
在如{{LyricsKai}}等模板中也会出现类似问题,尤其是依赖表格的模板。例如左列和右列的对应行未同时使用 ruby 时会出现此问题。
标题文字 | 标题文字 | 标题文字 |
---|---|---|
100px 宽度,换行时触发异常 | 150px 宽度 | |
100px 宽度 | 附加 div 标签后
|
- 解决方法:
在 Ruby 外加一个 div 标签。
{| class="wikitable" |- ! 标题文字 !! 标题文字 !! 标题文字 |- | width=100px|100px 宽度,换行时触发异常 || width=150px|150px 宽度 || {{ruby|示例|测试}}:Ruby 标记,自动调整宽度,显示异常,单元格会向上浮动几个像素。 |- | 100px 宽度 || {{ruby|示例|测试}}:150px 宽度。如果指定宽度则不会触发异常 || <div>附加 div 标签后 {{ruby|示例|测试}}:Ruby 标记自动调整宽度,正常显示。</div> |}