Html 不同浏览器中文本的高度

我正在设计一个网站，主要针对它提供的图标/图标类使用jquery UI

在chrome中测试时，我看到span元素的默认高度是20 px，该元素包装一些没有填充或边框的文本

---

我知道它会因字体和大小、默认值和浏览器的不同而有所不同。是否可以将文本的高度设置为给定的大小？

如果我理解正确，您似乎面临这个问题，因为不同的浏览器呈现字体的方式不同

如果字体大小影响其父元素的大小，则可能需要重新考虑如何使用边距和填充

编辑

---

您可以使用线条高度来尝试驯服行为。

另请参见：

线条高度

可能不会，请检查此项；要覆盖浏览器默认设置，可以使用如下内容：@user17753这两种样式不会在所有浏览器中都有绝对效果。它仍然是相对测量@卡尔蒂克；重置CSS并不重要。它将删除边距、填充和显示功能，但遗憾的是，它不会改变字体渲染的结果。例如，在OSX上的Safari上，字体由OSX的核心库呈现，但Chrome将使用自己的Chrome（WebKit/KHTML）呈现系统，该系统还支持半像素剪切，这可能也适用于字体。因此，基于

em

的样式，这两个角色将互相影响。不要谈论操作系统/发行版的差异。不，遗憾的是，没有差异。问题主要在于，由于引擎的不同，字体的呈现方式不同。系统上呈现的字体“看起来”与系统上呈现的字体相似，但通常以某种方式显示不同。例如Helvetice Nueue在IE8上与在OSX中的Safari上看起来非常不同。