为什么字体大小较低的文本会增加tr高度
为什么字体大小较低的文本会增加tr高度
提问于 2014-06-14 13:08:29
我有一个奇怪的问题，在此页中有两个不同字体大小的跨度。
第一个跨度(内容为“空标题”)没有显式字体大小，因此它继承的字体大小为100%，在css检查器中为12 no。第二个跨度的单词“空”，最初是隐藏的，可以通过单击IT标志查看。它应用了这个css
td {
.empty {
color: #bbb;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
}根据检查器，当显示“空”跨度时，其计算大小为9px，而当显示第二个跨度时，包含的tr有1px闪烁，在我的浏览器tr上，当显示空跨度时，tr的高度从32 9px变为33 9px，具有较高的值。
为什么会发生这种情况？如何在不改变span.empty字体大小的情况下防止这种情况发生？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-14 14:09:59
Span是一个inline元素，在流中的行为就像字母或内联框一样。
它站在baseline上，在baseline下面，还有一个空白，用于字母g，j，p，q，y，.
字母和内联框位于baseline wich上，是任何内联元素的缺陷vertical-align。将其重置为vertical-align:top或bottom，该间隙将是使用区域的一部分。
如果你减少线高，基线会减少，元素‘太高’会超过它。
希望它足够清楚，不要犹豫地编辑这篇文章，把它变成正确的英文，thks (可擦除的行)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24220272
复制相关文章
相似问题
腾讯云开发者
