问异步IE8/jquery表行高计算
EN

Stack Overflow用户

提问于 2013-02-13 05:28:23

回答 1查看 317关注 0票数 0

<!DOCTYPE html>
<html>
<head>
  <title>Test IE8 pre calc</title>
</head>
<body>

<div id='inserthere'></div>
<p id="dump"></p>
<p id="dump2"></p>
</body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
  $(function () {
    var t = "<table style='white-space: pre;'><tr><td>abc def\nghi</td></tr></table>";

    $("#inserthere").append($(t));
    $("#dump").text($("tr").height());

    window.setTimeout(function () {
      $("#dump2").text($("tr").height());
    }, 0);
  });
</script>
</html>

在上面的代码中，我在运行时将一个表插入到DOM中。该表使用'pre‘空格规则进行格式化。

如果在与插入相同的调用中计算包含多行td的行的height()，则IE8错误地报告单行(21像素)。如果异步执行相同的调用，IE8会正确地报告两行(40像素)。

IE9/10/Safari/Chrome/Firefox都不错。

jquery

html-table

internet-explorer-8

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-16 01:16:19

我还没有找到解决办法--所以答案是不要这样做。空格“nowrap”的工作原理类似，一旦回车替换为<br>。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14842170

复制

相似问题

问异步IE8/jquery表行高计算
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异步IE8/jquery表行高计算EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问异步IE8/jquery表行高计算
EN