我正在使用可编辑的发票模板制作发票。它在浏览器上看起来很棒,但是当在表格中添加一定数量的项目时,底部(如图所示)会像这样被切割。我该如何解决?我希望它在项目很多时自动打印到第二页,并在合适时打印在第一页上。
谢谢!
对于表,您应该使用<thead>
,<tbody>
和<tfoot>
标签。如果需要,您应该进行试验<tfoot>
。其他两个非常有用。您的表格的标题将在每一页上重复,这将使您的表格看起来不那么削减。<tfoot>
还将复制您在每一页上定义为页脚的内容,这可能是不需要的。
对于div,您应该尝试使用page-break-before
或page-break-after
CSS命令。虽然如果您有一个页面填充 div,这些对您没有帮助,但它们可能会帮助您处理较小的 div。
尝试为 div 添加这种 css 样式:
page-break-inside: avoid;