page-before-before：避免；为什么还存在分页符？

Question

我有一个通常很高的表格元素（它有很多行），并且当呈现的浏览器打印屏幕显示时，在标题和表格的开头之间总是存在一个分页符。在实际打印文档时仍然如此。

我想删除此分页符，因为它不必要地浪费了很多空间。我尝试使用此代码：

table {
    page-break-before: avoid;
}

...但无济于事。这是正确的代码吗？还是还有其他我应该使用的东西？

请参见下图并注意分页符（表很高，但我仅粘贴了前五行左右）：

Answer 1

根据您共享的样本，我们很难知道分页符在哪里表达。您所做的所有尝试都是为了避免在TABLE元素之前进行分页。从打印样本的外观来看，您的分页符似乎发生在TABLE元素之前或TH元素之前。再次，我们无法完全看到所有代码就无法确定。可能会有一些更重要的CSS表现出更大的重要性。在表格前面的元素之后可能还会有一个分页符。只是为了踢，尝试使用table和tr元素。还可以尝试添加！important。

@media print {
  table {page-break-before: avoid !important;}
  tr {page-break-before: avoid !important;}
}