问题描述
我有一个类似于客户电子邮件的页面，其中包含高度为100vh的表格。该表中有几行信息，以及一行“ height：100％”，以使其填充表的其余高度，以使页脚保持在页面底部。 这在普通HTML格式中看起来很完美，但是由于某些原因，它在打印时会折叠空白内容。我曾尝试插入“填充”内容（例如白色图片）作为骇客解决方法，但对此并不满意。我怀疑使用Bootstrap 3是个问题，因为同一程序可以在完全不使用Bootstrap的另一个站点上正常运行。 简而言之，我想在打印时也保持fill-div，以将页脚保持在底部。
这是表格，其中“ pageTbl”包括“ height：100vh”。
并且您可以看到由于高度100％属性，td填充得很好。
但是在打印时，div高度会被压缩，并且所有内容都被混在一起，从而破坏页面布局吗？
任何帮助表示赞赏
编辑：一个提示是，如果我使用“ page-break-before：always;”，当然，在内容前后都有多余的页面，我得到了完美的结果。这也不是最佳选择。
解决方法
我想将您重定向到此答案。提到HTML表已远离正常的网页流，因此此行为会在打印中产生问题。
Printing HTML table with many columns/rows using CSS layout?
感谢阅读，希望对您有帮助