不要在表格之间中断页面

Question

当我在寻找解决方案时，我发现了这个:在打印

时防止表中的分页

.reportTable {
    page-break-inside: avoid;
}

遗憾的是，它只适用于歌剧。有没有人知道一个解决方案，不让表和div的被打破?

前面的提问者告诉:

.reportTable {
    page-break-after: always;
}

可以使用，但是留下很多无用的空间

Answer 1

也许你可以在最新的浏览器上试试这个属性。

Firefox似乎在版本>= 19.0时支持它
Chrome似乎从v1.0开始就一直支持它
Internet Explorer自v8以来

来源:- https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-inside

Answer 2

page-break-inside CSS属性调整当前元素内部的分页符。

/* Keyword values */
page-break-inside: auto;
page-break-inside: avoid;
/* Global values */
page-break-inside: inherit;
page-break-inside: initial;
page-break-inside: unset;