可换行<ruby>与 CSS ruby-align 属性 - Line-breakable <ruby> and CSS ruby-align property

<ruby> 元素介绍：HTML 的 <ruby> 元素是一个用于增强东亚语言文本展示的强大工具，允许在基础文本上方或旁边显示音标注释或其他补充信息。自 Chrome 128 版本起，<ruby> 注释可以进行行内断行，并且可以使用新的 CSS ruby-align 属性来设置文本样式。

<ruby style="ruby-position: under;">
  강남대로
  <rt>江南大路</rt>
</ruby>

<ruby> 元素结构：<ruby> 元素由两部分组成，ruby base（基础文本）和 ruby text（注释文本），注释文本通过 <rt> 元素进行标记。注释文本可以显示在基础文本的上方或下方。
历史由来：在活字印刷时代，Ruby 指的是 5.5 号大小的字体，日本印刷业者使用类似大小的字体作为注释文本，因此开始将注释文本称为 Ruby。当 HTML 中包含注释文本时，相应元素被定义为 <ruby>。
行内可断行的 <ruby>：在之前的版本中，如果 ruby base 或 ruby text 超出整行长度，它们会单独换行，造成布局问题。现在，开发者无需使用多个 <ruby> 标签进行标记，新的行内可断行功能简化了这一过程。例如，在古汉语诗歌中添加拼音（汉语的罗马化）作为一组 <ruby> 注释，Chrome 128 的渲染结果将注释文本正确地放置在基础文本上方。
ruby-align 属性：Chrome 128 引入了新的 CSS 属性 ruby-align，它接受 space-around、space-between、start 和 center 等关键词值，用于控制 ruby base 文本和 ruby annotation 文本的对齐方式。