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>以上就是HTML中Ruby标签间出现间隔如何解决？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
518
收藏
