正如您在此 Image 中看到的那样, 当第一个表有更多记录时,下一个表的标题被切割,分页前的表有时长有时短。
如何在底部进行动态边距调整?为了避免那些不必要的中断?
@page {
margin-top: 13mm;
margin-left: 1px;
margin-right: 1px;
size: short;
}
@media print {
html, body {
width: 250mm;
height: 297mm;
}
/* ... the rest of the rules ... */
}
最佳答案
根据你的图片,我想你可以尝试page-break-before
或 page-break-after
@media print {
h1 {
page-break-before: auto | always | avoid | left | right | inherit;
page-break-after: auto | always | avoid | left | right | inherit;
}
}
还有两篇文章可能会解释这两个 CSS 属性,click here和 click here
如果您可以在 fiddler 上提供一些代码或示例别人帮助你会很棒
关于javascript - css 打印预览页面被剪切,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51256471/