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

Question

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

Answer 1

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

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

如果你想自己控制分页符，请使用这个

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