ruby 标签

记得很多年前,我用 CSS 折腾了一个注音的排版格式,与别人交流时,别人问我,“为什么你不直接使用 ruby 标签呢?” 那时我才知道 HTML 中有一个叫 ruby 的标签是专门用来处理注音场景的。

  <p>    <ruby>你好<rt style="color: red;">ni hao</rt></ruby>  </p>  <p>    <ruby>你好<rt style="color: red;">ni hao</rt></ruby>  </p>

结果会显示成:

image.png

当时,只是这样,其实你没有办法控制注音与正文之间的间距,我尝试了一些方式,发现这样处理可以:

  &
收藏 打印