我有一些表格，用于打印readating thead和许多行。打印时，有时新页面会从页面的最底线开始。 如果页面上留下的空间小于10厘米，我想强制桌子进行分页。
我试图在该表之前放置一个（不可见的）重叠div：
<div style="position:relative;">
<div style="position:abolute; top:0px; width:32px; height:10cm; overflow:visible; page-break-inside: avoid;"> </div>
</div>
<table goes here...>
但它没有用。 （FF和IE11）
有没有办法做到这一点？ （我试图打印一本书，这是一个新篇章。）
答案 0 :(得分：0)
我认为这是Chrome中的一个错误。
下面的代码演示了我在多页表打印中找到的最佳方法。它具有以下特点：
每页都会重复列标题 如果在表格顶部附近发生分页，则不会留下孤立的列标题集（这个问题不仅限于Chrome） 分页符仅在行之间发生 无需担心纸张尺寸或适合的行数 - 浏览器会自动处理所有内容 单元格边框始终完全关闭 无论表格是否有标题，上述3个功能都适用 适用于Chrome！ ......以及以下已知限制：
不支持s（tfeet？） 只支持1（这显然是你被允许拥有的最多）。 仅支持顶部对齐 任何影响高度的CSS大小值（包括border-width和line-height）都必须是px js运行后，表（{easy）不能动态更改 通过将宽度值应用于单个表格单元格，无法设置列宽度;您应该让单元格内容自动确定列宽，或者使用s来设置特定宽度（如果需要）
答案 1 :(得分：0)
我并排放置两张桌子：左边的一张（1px）只有一个10cm高的thead，另一张包含要打印的内容。 那种作品。 我用漂浮物：左;对于两个表，所以它们并排，但IE11放在下面。 有没有更好的想法或改进这种方法？