javascript - 避免在 Firefox (JavaScript?) 中的元素中出现分页符

Question

无论如何，使用 JavaScript 或 CSS 来防止<tr>Firefox 中元素内部的分页符？我假设因为 FF 仍然不支持page-break-inside这必须在 JavaScript 中完成，但不知道如何去做。我们所有的用户都使用具有固定边距大小的相同类型的打印机。

谢谢！

Answer 1

您可以使用 JS 来检测单元格的高度，并且当总和大于您猜测的页面大小时，以及 style="page-break-after:always"。只需确保留出一些边距，以避免只有一行的页面。

您可以做的另一件事是添加一个额外的列。在此列的每个单元格中放置一个包含空白图像（间隔）的 img 元素。使用 JS 为每个图像赋予单元格的高度（和 1px 的宽度）。Firefox 似乎避免剪切图像，因此将在新页面上显示该行。

请注意，屏幕上单元格的高度可能与打印时不同。在屏幕上，桌子可能比一张纸还宽。