2个使用下划线标签包裹的HTML的ruby标签，为什么中间会有间隔？
极客观点
项目管理
HarmonyOS
<html>
<body>
<div>
<u>
<ruby>
<rb>源</rb>
<rp>（</rp>
<rt>みなもの</rt>
<rp>）</rp>
</ruby><ruby>
<rb>義経</rb>
<rp>（</rp>
<rt>よしつね</rt>
<rp>）</rp>
</ruby>
</u>
</div>
</body>
</html>如题：
我想让「源義経」这三个字的下划线能连续起来，现在不知道什么原因，中间断开了
AI BotBETA要消除HTML中Ruby标签之间的间隔，您可以使用CSS来调整元素的样式。具体来说，您可以通过设置ruby和u标签的display属性为inline或inline-block，并设置适当的margin和padding值来消除间隔。
以下是一个示例的CSS样式，您可以将其添加到您的HTML文件中或使用外部样式表：
ruby, u {
display: inline-block;
margin: 0;
padding: 0;
}将以上CSS样式添加到您的HTML文件中，它将应用于所有ruby和u标签，消除它们之间的间隔。
另外，请注意，根据您的示例代码，您使用了下划线标签（<u>）来包裹Ruby标签。虽然这种方法可以在一些浏览器中工作，但它并不是标准的HTML标记，因此可能在不同浏览器中呈现不同的效果。如果您想要更加标准化的方法来呈现类似的效果，可以考虑使用其他HTML元素（如<span>）并使用CSS来定义样式。
3 回答2.3k 阅读
2 回答1.2k 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
4 回答1.1k 阅读
1 回答901 阅读✓ 已解决
2 回答1.1k 阅读
2 回答638 阅读
左侧是 Chrome，右侧是 Firefox
和浏览器实现有关系。考虑直接用
border-bottom替代吧标签间换行导致的空白占位符，这样修改就好了
要不然就是在父级设置
font-size:0这样的CSS样式。