CSS Media Print - 使表格始终出现在单独的页面上

标签 css printing html-table

在要打印的页面上有两个表格,我希望第二个表格始终打印在单独的页面上。

例如:第 1 页和第 2 页包含第一个表格,在第 2 页表格在页面中间之前结束。

如果没有任何配置,第二个表格将从第 2 页开始,紧跟在第一个表格之后。我希望第二个表从下一页(第 3 页)开始。

最佳答案

page-break-before 应该可以解决问题 - 在您的打印样式中尝试 #table2 {page-break-before: always;}

关于CSS Media Print - 使表格始终出现在单独的页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44974629/

相关文章:

javascript - 如何打破表中动态添加的行中的文本?

javascript - 当鼠标悬停在 Bootstrap 中的列表文本上时如何弹出图像

c# - XAML 显示默认安装的打印机

batch-file - 无法从 PrintUI.dll、PrintUIEntry 捕获异常

html - 如何在不使用填充/边距的情况下在移动 View 中的 tr 中的 td 上方添加空格

html - 图像不在表格容器中

css - 更改 Bootstrap Nav 中单个菜单项的颜色

jquery - 有谁知道如何模拟 www.foodnetwork.com 上的搜索框?

javascript - 拒绝拖放到 tabel 的第一个子单元格

java - socket 打印到 Toshiba B-SA4TM