本WIKI于2020.07.21由往事仇心创建,2021.12.25正式建组“空桑档案馆”,编辑权限逐步开放,建议各位少主收藏。
目前正在搭建基础框架与美工优化,欢迎翻阅已开放区域,并提出宝贵建议。
“空桑档案馆”搭建组持续招募ing,期待更多能人异士参与食物语WIKI建设。
反馈留言  ·  编辑教程  ·  收藏方法  ·  

全站通知:

模板:Ruby

来自食物语-档案馆WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

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

用法

{{Ruby|文字|注音|文字的语言标签|注音的语言标签}}

文字语言与注音语言为可选参数,不填注音语言时,注音语言与文字语言相同。
本模板全都是编号参数
各语言对应的语言标签见Help:语言标签

范例

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

yīn

{{Ruby|运命|さだめ|ja}} 运命さだめ
{{Ruby|超电磁炮|レールガン|zh|ja}}[1]
{{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 来开启注音效果。
参阅:

表格类

现象描述: 该模板在table、li等元素中使用会可能导致部分对齐方式上的问题,这是由于渲染方式上的问题。在列内元素数量不统一时不同的宽度分配方式会导致的高度分配不一(webkit会给块元素一个合理的空间)。这个问题只在宽度是自动分配的时候出现,如果宽度是被指定好的则不会出现这个问题。
这类问题在{{LyricsKai}}等模板中也会发生,尤其是依赖table的各种模板。LyricsKai:左右两列中的对应行若不同时使用ruby,就会出现此类问题。
解决方法:在ruby外面套一个div标签。

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

:ruby标签,自动调节宽度,显示异常,单元格会向上浮动若干像素

100px宽度 示例test

:150px宽度,宽度被写死的情况下不会触发异常

套上了div标签之后,示例test :ruby标签,自动调节宽度,显示正常

参考衍生

  • {{Lang}}
  • {{Rubyh}}——带有黑幕
  • {{Ruby-begin}}——具有强大可定制性
  • {{Photrans}}——专门用于给歌词注音,可通过按钮切换注音的显示和隐藏
  1. 标记zh在一些系统中会自动指定简体中文字体,干扰到其他地区用户的显示。