为什么在span标记中忽略行高并在div标记中工作？

Question

请看以下示例： CSS: reducing line spacing of text?

我已经尝试过，如果放入span元素，几乎会忽略CSS属性行高。为什么？ 为什么我需要将其显示为块以使线高工作？

Answer 1

在块级元素上，行高CSS属性指定元素中行框的最小高度。

在未替换的内联元素上，line-height指定在计算行框高度时使用的高度。

在替换的内联元素（如按钮或其他输入元素）上，line-height无效。

Src：https://developer.mozilla.org/en-US/docs/Web/CSS/line-height