如何避免表格在打印预览中中断？答案

【问题标题】：How can I avoid table to break in print preview?如何避免表格在打印预览中中断？
【发布时间】：2017-11-02 21:52:54
【问题描述】：

我知道对此有很多问题和很多答案。每个人都有针对不同浏览器的不同解决方案的不同问题。我从以下 URL 尝试了许多解决方案。但似乎没有任何效果。
我的输出如下：我怎样才能避免这种情况？我不想弄乱表结构。此表数据使用 handlebars.js 动态填充。
我关注的链接： Link-1 Link-2 Link-3
.page-break 是我在每个部分之后添加的 div 类，它工作正常。

.Acc_Table 是一个表类，它显示在输出图像中，从 SEARS/CBSD 行开始并结束与付款历史行。
我该如何解决这个问题？
是否可以在分页符之前关闭表格，放入分页符，然后在分页符之后重新打开表格？或者我希望仅在表格中断时才在下一页上显示表格？我怎样才能做到这一点？

【问题讨论】：

标签： html css google-chrome page-break print-preview

【解决方案1】：

您是否检查过表格或围绕它的 div 是否具有 display: inline-block; 或 display: inline; CSS 属性？我发现，当我为打印问题调试一些代码时，如果表格是内联的，你会得到这种效果。尝试输入display: block 或display: static，这对我有用

【讨论】：