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;}
}