我有一个项目,需要打印一个包含许多行的HTML表.
我的问题是表格在多页上打印的方式.它有时会减少一半,使其无法读取,因为一半位于页面的边缘,其余部分打印在下一页的顶部.
我能想到的唯一合理的解决方案是使用堆叠的DIV而不是表格,并在需要时强制分页.但在完成整个更改之前,我认为我之前可以问过这个问题.
当我玩这个的时候，我遇到了一些奇怪的事情。在 Firefox 中，当 header 内的 div 高度超过 252px 时， header 将不会重复。尝试使用 Chrome，问题发生在大约 262px 处。以前有人遇到过这种情况吗？有没有办法忽略或重置这个限制？
@media print {
@page {
size: auto;
/* auto is the initial value */
margin: 0mm 0mm 0mm 0mm;
/* this affects the margin in the printer settings */
}
thead {
display: table-header-group;
}
#pgbrk {
page-break-after: always;
}
}
@media screen {
@page {
size: auto;
/* auto is the initial value */
margin: 0mm 0mm 0mm 0mm;
/* this affects the margin in …