ruby-align 是 Baseline 最新可用

Mariko Kosaka

发布时间:2025年2月21日

HTML <ruby> 元素允许您在基本文本上方或旁边显示语音注释或其他补充信息。它通常用于东亚语言。

一个 <ruby> 元素由两个主要部分组成:ruby 基文本(即主要文本)和 ruby 注释文本(即注释文本),后者使用 <rt> 元素标记。


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

English ruby annotation 'Emoji' over a Japanese text.
英语发音作为日语基文本的注释。

ruby-align

ruby-align CSS 属性控制 ruby 基文本和 ruby 注释文本的对齐方式。该属性接受以下关键字值之一:space-aroundspace-betweenstartcenter

Pīnyīn ruby annotation over a Chinese text.
显示 ruby-align 属性用例的图像。