内联元素的行高是由line-height决定的，而不是由font-size决定。行高只是幕后黑手，高度的表现不是行高，而是内容区域和行间距。
内容区域高度 + 行间距 = 行高
- 内容区域的高都只与字号以及字体有关，与line-height没有任何关系。
- 在宋体simsun字体下，内容区域的高度等于文字大小值。
行高决定内联盒子高度；行间距墙头草，可大可小（甚至负值），保证高度正好等于行高。
240px + 行间距 = 100px
行间距= -140px
真正理解CSS中的line-height
最新推荐文章于 2025-12-16 10:29:18 发布
本文探讨了CSS中行高的概念，指出行高并非由字号决定，而是通过line-height设定。内容区域的高度与字体大小相关，而行高则是内容区域与行间距的总和。行间距可正可负，确保总高度符合行高设置。例如，当240px的内容区域加上负的140px行间距时，总高度为100px。理解这一原理对于精准控制内联元素布局至关重要。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
