如何使用jquery获取"br"元素的高度？

Question

我试着<br />在我的网页上获得高度.我用这个片段.

br_size = $('br').height();
console.log(br_size);

但只有Mozilla Firefox像这样的代码,所有其他浏览器回馈0.是否有一个简短的JS代码,给我正确的高度回来？

PS:我使用这种方法,因为我知道所需的尺寸X是X= other_size - 4*br_size

Answer 1

换行符取决于 HTML/BODY 标记中指定的行高，如果未指定，则浏览器可能会使用自己的行高。但是，如果指定行高（例如 20 像素），则换行符应为 20 像素。您可能可以使用 JavaScript 来确定默认行高

(function() {
  var br = document.getElementById('foo');
  alert(br.scrollHeight);
  if (br.currentStyle) {
    alert(br.currentStyle['lineHeight']);
  } else {
    alert(document.defaultView.getComputedStyle(br, null).getPropertyValue('line-height'));
  }
})();

<br id="foo" />