ruby-align 已成為基準

Mariko Kosaka
X

發布日期：2025 年 2 月 21 日

您可以使用 HTML <ruby> 元素，在基本文字上方或旁邊顯示發音注解或其他補充資訊。這種字元通常用於東亞語言。

<ruby> 元素包含兩個主要部分：ruby base 是主要文字，ruby text 是註解文字，並以 <rt> 元素標記。


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>
日文文字上的英文 Ruby 註解「Emoji」。
英文發音以註解方式顯示在日文基礎文字上。

ruby-align

ruby-align CSS 屬性可控制 Ruby 基礎文字和 Ruby 註解文字的對齊方式。這個屬性可接受以下任一關鍵字值：space-around、space-between、start 和 center。

中文文字上的注音標記。
圖片顯示 ruby-align 屬性的用途。