避免Firefox中的元素分页（JavaScript？）

Question

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

谢谢！

Answer 1

您可以使用JS来检测单元格的高度，当总和大于您猜测的页面大小时，并且style =“page-break-after：always”。只要确保留下一些余量，以避免只有一行的页面。

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

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