Html 是否可以减少跨距/内嵌元素内容与其边框之间的空白？

我有一些内联文本标记为span。我给了span一个底部虚线边框（以区别于超链接），但是span内容和边框之间的距离有点太远了。有没有办法减少它

我已经尝试过调零/否定（完全应该是一个词）边距/填充，以及减少元素的行高，但运气不好。诚然，降低内联跨距的线高度可能不起作用

CSS

---

我通过使用

display:inline block和<代码>线高：1米

当然，如果你需要的不是这个，那就减少线的高度

我通过使用
display:inline block和<代码>线高：1米

当然，如果你需要的不是这个，那就减少线的高度

将
.test
的显示更改为
内联块
。然后，您可以更改其
行高度
。减小
行高
将向上移动边框，而不会影响其周围的字体大小或文本

将
.test
的显示更改为
内联块
。然后，您可以更改其
行高度
。减小
行高
将向上移动边框，而不会影响其周围的字体大小或文本

这可能解决了您的问题：这是一个相当。。。广泛解决这个问题。下面的人有一个更好的解决方案来满足我的需求。谢谢你的检查！我试着寻找一个答案，但找不到一个既适合我的需要又能被接受的答案。这可能解决了你的问题：那是一个相当。。。广泛解决这个问题。下面的人有一个更好的解决方案来满足我的需求。谢谢你的检查！我试着寻找一个答案，但没有找到一个既适合我的需要又能被接受的答案。我接受了大卫的回答，因为他似乎是第一个，但是+1。谢谢你花时间来看：）是的，这是有效的。我接受了大卫的回答，因为他似乎是第一个，但是+1。感谢您抽出时间查看：）
body {
    margin: 10px;
}

span.test {
    color: orange;
    border-bottom: 1px dashed orange;
}