printing - 如何在我的 Web 应用程序中打印多页报告？

Question

我有一个以 HTML 格式生成报告的 Web 应用程序。有时这些报告变得非常多并且窗口显示滚动条。我遇到的问题是我只能打印我在网页上看到的内容，而且每当我想打印它们时，我打印的页数不超过 1 页。所以我丢失了我希望出现在其他论文中的其他报告。

我必须做什么？

Answer 1

问题的性质

您的问题与样式有关。

很难说出您的问题到底是什么 - 我们没有机会看到您的样式表。当然，您应该重写它们以不裁剪页面。

对屏幕和打印应用不同的样式表

一个想法是将当前样式表更改为仅应用于屏幕媒体并将不同的样式表专门应用于打印媒体。

您可以在 HTML 中这样做:

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

或者像 CSS 中那样 ( example from W3C ):

@import url("fancyfonts.css") screen;
@media print {
    /* style sheet for print goes here */
}

打印特定样式

有关打印特定样式的详细信息，请参阅以下页面:http://www.w3.org/TR/CSS2/page.html

在您的情况下，以下样式可能会变得有用:

table { page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group; }
tfoot { display: table-footer-group; }

它将允许在表格内进行分页，将尽量避免在行内进行分页，并将在每一页上重复表格的页眉和页脚。但是，请检查它是否适用于您的目标浏览器，以确保万无一失。