ruby-align 已成为基准

Mariko Kosaka

发布时间:2025 年 2 月 21 日

借助 HTML <ruby> 元素,您可以在基本文本上方或旁边显示发音注释或其他补充信息。它在东亚语言中很常用。

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


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

日语文本上方的英文 Ruby 注解“Emoji”。
英语发音作为日语基础文本的注释。

ruby-align

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

中文文本上的拼音罗马拼音注释。
显示 ruby-align 属性用例的图片。