我有一个页面，我正在设置打印。此页面包含大量单独的表。这些表的大小不一样，但是一般来说，我可以在每页上安装2.5到3个表格。我希望能够防止表格被分页符破坏。有什么想法可以如何实现呢？
我试过这个：
.reportTable {
page-break-inside: avoid;
}
不幸的是，仅在Opera中似乎支持页面破解内容(根据W3Schools – 我已经验证这在Firefox 4.0.1中不起作用)。
我可以在每个单独的表格之后强制进行一个分页符：
.reportTable {
page-break-after: always;
}
这有助于插入分页符，似乎在所有主流浏览器中都支持，但是在打印文档上留下了大量浪费的空间(每页大约一半是空白的)。如果整个下一张表不适合这个页面，我真的只想要一个分页符。
我知道我有使用Internet Explorer，Firefox和Safari的用户，所以我真的很想支持这些。找到一些也可以在Chrome和Opera中工作的东西将是一个非常好的奖励。
有任何想法吗？
@H_404_18@解决方法
我也一直在寻找答案。我最接近的是知道大约有多少行输出适合页面，然后计算页面的输出行数。在你的情况下
1)找出可以在页面上放置多少行输出。
2)通过显示您的第一张表来跟踪您已经使用了多少行。
3)计算表2将需要多少行。将其添加到表1的行，看看你是否仍然低于您的近似阈值。如果你是，显示表，如果没有，把一个div下来与分页符：总是在它强制一个新的表。
1)找出可以在页面上放置多少行输出。
2)通过显示您的第一张表来跟踪您已经使用了多少行。
3)计算表2将需要多少行。将其添加到表1的行，看看你是否仍然低于您的近似阈值。如果你是，显示表，如果没有，把一个div下来与分页符：总是在它强制一个新的表。
这将给你大概你正在寻找，但它不会是完美的。每隔一段时间，你将会有一张桌子，可以“上一页”适合，但只是没有做出截断，因为你必须在低估估算在页面上有多少行。
如果细胞内的内容或类似的东西在被打印到打印页面中时，将会包裹在新的行中，我还没有想出一个方法。
希望能给你一个想法。
@H_404_18@ @H_404_18@ 原文链接：https://www.f2er.com/css/218745.html