在CSS的世界里，`line-height`是一个不可或缺的属性，它决定了行间距的大小。当你设置 `line-height: 0` 时，会发生什么？🤔

首先，`line-height`定义了内容行之间的垂直空间。当值设为 `0`，意味着完全移除了行间距，所有文字将紧密贴合在一起，就像挤在一个水平线上。✨ 但这并不意味着文字会消失或重叠，只是浏览器会自动调整字体的内联框（inline box）来容纳文字本身。

不过，使用 `line-height: 0` 需要谨慎。例如，在图标字体或伪元素中，这种设置可以帮助实现无缝衔接的效果，但若用于普通文本，则可能导致阅读困难甚至错位问题。⚠️

所以，虽然 `line-height: 0` 是一种特殊用法，但在实际开发中，建议结合具体场景合理调整，避免影响用户体验。💡

前端 CSS小技巧 lineheight