置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Ruby/doc

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

本模板可產生ㄓㄨˋㄧㄣ的效果。

用法

{{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,就會出現此類問題。

標題文字 標題文字 標題文字
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>
|}

參見

  • {{Lang}}
  • {{Rubyh}}——帶有黑幕
  • {{Ruby-begin}}——具有強大可定製性
  • {{Photrans}}——專門用於給歌詞注音,可通過按鈕切換注音的顯示和隱藏

注釋

  1. 標記zh在一些系統中會自動指定簡體中文字體,干擾到其他地區用戶的顯示。