HTML - 检查内容是否适合固定大小的div

Question

我需要打印一些页面。我为每个固定大小的页面生成div，因此我可以控制每个页面的内容，并且不会在错误的页面上显示任何内容。

所以这是我的问题：有时第一页的内容大于div。我需要检查它是否适合div。有没有办法做到这一点？

谢谢！

Answer 1

比较scrollHeight与clientHeight？

  

scrollHeight：整体内容＆amp;填充（可见或不可见）所有高度   内容+填充，尽管元素的高度。

     

clientHeight：VISIBLE内容＆amp; padding仅可见高度：内容   部分受明确定义的元素高度限制。

这里有很好的解释：What is offsetHeight, clientHeight, scrollHeight?

更多信息：

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight

https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight