标签: ruby-tag

我想使用HTML <ruby>来标记日语文本及其发音.但是,我发现在大字体大小的情况下,<rt>文本的基线远远高于它标记的字符的顶部.这是一个显示我的意思的例子:

ruby {
  font-size: 72pt;
}

<ruby>?<rt>??</rt>?</ruby>

作为参考,这是它在我当前的浏览器(Linux上的Firefox)中的显示方式,尽管我在其他浏览器中看到过类似的行为:

我想要的是将红宝石文本的高度调整为更像这样的东西:

但是,我尝试的任何东西似乎都对红宝石文本的定位没有任何影响.这些都是我尝试过的不起作用的东西:

• vertical-align: -10px
• postion: relative 和 top: 10px
• transform: translateY(-10px)

有什么方法可以调整这个文本的位置吗？