HTML中Ruby标签间出现间隔如何解决？

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《HTML中Ruby标签间出现间隔如何解决？ 》，聊聊，希望可以帮助到正在努力赚钱的你。

HTML中的Ruby标签之间的间隔问题？

当使用<u>标签将两个<ruby>标签包裹起来时，可能会出现中间出现间隔的问题。这是因为浏览器的实现方式导致的。

解决方法：

考虑直接使用border-bottom属性替代<u>标签。

<div>
  <ruby>
    <rb>源</rb>
    <rp>（</rp>
    <rt>みなもの</rt>
    <rp>）</rp>
  </ruby>
  <ruby>
    <rb>義経</rb>
    <rp>（</rp>
    <rt>よしつね</rt>
    <rp>）</rp>
  </ruby>
</div>

另一种方法是修改<ruby>标签，如下所示：

<div>
  <u style="font-size: 0;">
    <ruby>
      <rb>源</rb>
      <rp>（</rp>
      <rt>みなもの</rt>
      <rp>）</rp>
    </ruby>
    <ruby>
      <rb>義経</rb>
      <rp>（</rp>
      <rt>よしつね</rt>
      <rp>）</rp>
    </ruby>
  </u>
</div>

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~