javascript - 如果容器宽度、填充和行高已知，如何计算高度？

Question

我正在向 DOM 动态添加元素。

$('<div class="entry"></div>').text(data.status).appendTo(app.twitter_feed);

我想在将元素添加到 DOM 之前获取元素高度。通常的方法是将元素添加到具有相同样式的隐藏元素中，然后简单地查看高度是多少。

但是，如果您知道容器的宽度、填充和行高（内容只是纯文本）和内容，是否不可能计算元素高度？

Answer 1

内容在容器内的包装方式可能取决于浏览器和缩放级别，因此除非您非常确定内容永远不会包装，否则我建议您按照您描述的方式确定高度。

Answer 2

如果您的文本字体是单一大小的字体，是的，您可以使用公式计算它[(text-length/(width/char-width))]，但我确定您没有使用像 courier、等宽字体等单一大小的字体。

答案是这样的：对不起，多尺寸字体无法做到这一点。