css - 如何使用css显示与网页相同的打印预览？

Question

我创建了一个网页，其中在一个带有页眉和页脚的表格中包含五行。如果字符超过表格，表格会拉长，但适合一个页面。我对每行有 250 个字符的限制。当行包含大约 100 个字符，表格中的五行会拉长并适合一页。但是当我看到打印预览、表格拆分和第三行的一半显示在第一页和第二页时，平衡两行显示在下一页页面。我为主页使用单独的外部 CSS，为打印预览使用另一个外部 CSS。如何解决？请帮忙。

Answer 1

简短的回答是您不能触发打印预览，因为它是本地操作系统窗口，您可以做的是在用户打印之前您可以创建一个单独的 HTML 文档并使用像这样为该文件打印特定样式表(您已经在使用)

<link rel="stylesheet" href="#" type="text/css" media="print" />

如果您想自己控制分页符，请使用它

@media print {
    whatever {
       page-break-after:always
    }
}