我要评论
html中的ruby标签之间的间隔问题？
当使用标签将两个标签包裹起来时，可能会出现中间出现间隔的问题。这是因为浏览器的实现方式导致的。
解决方法：
考虑直接使用border-bottom属性替代标签。
<div>
<ruby>
<rb>源</rb>
<rp>（</rp>
<rt>みなもの</rt>
<rp>）</rp>
</ruby>
<ruby>
<rb>義経</rb>
<rp>（</rp>
<rt>よしつね</rt>
<rp>）</rp>
</ruby>
</div>登录后复制
另一种方法是修改标签，如下所示：
<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>登录后复制
以上就是html中ruby标签间出现间隔如何解决？的详细内容，更多请关注代码网其它相关文章！
发表评论