在html中移位子文本

Question

与照片的第一部分中描述的附加到普通文本的“sub”标记文本相比，它更容易和任何浏览器兼容，而不是添加“sub”标记文本，将其添加到指定文本的下方（如第二部分所示） ）。整个文本应该像第一部分一样不间断。第二部分中的子文本应该从子样式继承样式。

Answer 1

最有希望的方法可以在this question中找到。

你也可以考虑使用CSS＆＃34; ruby＆＃34;，但它可能无法让你一直到达你想去的地方。

＆＃13;

＆＃13;

<div style="font-size: x-large; ">
  establishment
  <ruby style="ruby-position: under; ">
    <rb>establishment</rb>
    <rt style="transform: translateY(3em); ">establishment</rt>
  </ruby>
  establishment
</div>

＆＃13;

＆＃13;

＆＃13;

不幸的是，ruby-position对浏览器的支持很少 - 不存在。因此在上面的例子中使用了transform。