用于打印的 HTML 自动分页符

Question

我必须打印一张包含多个表格的发票。一个表（其中列出了项目）具有动态内容。由于内容是动态的，我无法给出明确的分页符。当我打印发票时，表格的盒子是分开的，一行的一半打印在一个页面上，另一半打印在下一页上。如何设置打印样式？有什么办法可以自动分页吗？

Answer 1

CSS 规则 page-break-after、page-break-before 和 page-break-inside 应该会对您有所帮助。

特别是，您可以将page-break-inside: avoid 添加到您的<table> 以防止它崩溃。

注意：这些 CSS 规则只能尝试避免中断，并且可能不适用于表格超过一页的情况。