javascript - 如何使用 Javascript (jQuery) 确定 'line-height'？

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 8 年前。

Improve this question

嗯，遇到了需要对行高进行编码的插件，所以，您能给个建议吗？谢谢)

Answer 1

您不能保证跨浏览器获得以像素为单位的计算行高。有时，该值是“正常”或“继承”，这会在 Firefox 中计算，但在 IE 中则不会计算。解决此问题的一种解决方法(当然取决于您的用例)是获取计算出的字体大小(您可以看到)，并将其乘以 1.5，这相当 standard :

var fontSize = $(el).css('font-size');
var lineHeight = Math.floor(parseInt(fontSize.replace('px','')) * 1.5);

是的，这有点恶心，但它对于诸如根据一定数量的文本行确定元素的正确高度之类的事情来说效果很好。请记住，您可以/应该将 1.5 替换为您可能已在网站上使用的任何标准行高/字体大小比率。如果您不知道，您可以通过检查 firebug 中的任何复制元素并查看计算出的 a)font-size 和 b)line-height 来找到答案。然后，将 1.5 替换为 b/a。 :-)

希望这对您有帮助!