javascript - 不要在表格之间分页

Question

当我在寻找解决方案时，我发现了这一点： 打印时防止表格中的分页符

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

遗憾的是，它只适用于歌剧。有谁知道不让表格和 div 被破坏的解决方案？

之前的提问者也告诉过：

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

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

Answer 1

也许您可以在最新的浏览器上尝试该属性。

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

来源：- 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;