不要在表格之间分页答案

【问题标题】：Don't break pages in between a table不要在表格之间分页
【发布时间】：2013-05-27 08:31:42
【问题描述】：

在寻找解决方案时，我发现了这个： Preventing Page Breaks in a Table When Printing

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

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

前面的提问者也告诉过：

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

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

【问题讨论】：

浏览器中的打印支持通常非常糟糕。
如果表格或 div 超过一页怎么办？如何避免内部中断？

标签： javascript html css printing css-tables

【解决方案1】：

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;

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

谢谢，看来它确实有效，我只是觉得它与我所读的内容不符。事实上我网站的代码是错误的