javascript - 如何使用 css 降低 <span> 内容区域的高度？

谁能告诉我如何使用 css 降低 span 标签内容区域的高度？

我想，1. 使底部橙色虚线更靠近上面的文本。 (border-bottom: 3px orange dotted;) 2. 降低黄色高亮框的高度。 (主体 { 背景色:黄色 })

我之前发布了一个关于 p 标签的类似问题，但该规则不适用于 span 标签。猜测是因为 block 和内联之间的区别。

谢谢!

enter image description here

最佳答案

尝试设置display: inline-block

span{
    display: inline-block;
    line-height: 1em !important; 
}

关于javascript - 如何使用 css 降低 <span> 内容区域的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19543352/