Javascript jQuery：如何使css（'；行高'；）跨浏览器工作

我支持IE8及以上

$(something).css('line-height');

在Chrome中返回

32px

，但在IE8中返回

normal

---

我该怎么做？可能是一个本地javascript变体？

似乎这是一个webkit与IE的问题。不确定FF，但有几个选项可以解决它。公开指定像素值将起作用。但我不喜欢这样做，因为如果你用媒体查询来缩放文本等内容，就很难保持比例。我可以通过在

em

s中公开指定行高度（而不是让它继承）来让它工作。与此相关的还有，它先前被设置为IE8无法识别的

rem

s。

功能线高度（元素）{
    function lineHeight(element){
       var tmp=$("<div>test</div>");
       element.append(tmp);
       tmp.css({"padding":"0","margin":"0","border":"0"});
       var height = tmp[0].clientHeight;
       tmp.remove();
       return height;
    }        

var tmp=$（“测试”）；
元素追加（tmp）；
css（{“padding”：“0”，“margin”：“0”，“border”：“0”}）；
var height=tmp[0]。clientHeight；
tmp.remove（）；
返回高度；
}        

---

在FF和Chrome中，返回20px，但在IE8 18px上，您可以在cssdid上设置行高：32px。您阅读以下内容：？添加一些元素并检索其clientHeight，即使在IE上也会得到一些“px”