4

我在打印信息网页时遇到问题，该网页应该跨越大约 3 页。目前，只打印了 1 页，其余数据在任何地方都不可见？是否有一些 JS 或 HTML 我可以用来打破页面，并允许信息继续打印在下一页上。

4

3 回答 3

4

你需要一个打印样式表，它的高度应该设置为“自动”，溢出设置为“可见”。我做的是这样的：

@media print {
    html, body { height: auto; overflow: visible; }
}

只需将其放在您的主 CSS 文件或它自己的文件中即可。

于 2010-10-28T13:19:55.260 回答
2

A List Apart 上有一篇关于准备您的网站以供打印的非常好的文章。

有一个已知的浮动 div 被切断的错误，您可能值得一看。

A List Apart / CSS Design: Going to Print（参见章节：Fixing a float Flub）

希望这可以帮助！

于 2010-10-28T14:11:28.147 回答
1

您也可以强制休息

<style>
.break { page-break-before: always; }
</style>
<body>
content on page 1...
<h1 class="break">text of Heading 1 on page 2</h1>
content on page 2...
<h1 class="break">text of Heading 1 on page 3</h1>
content on page 3...
<p class="break">content on top of page 4</p>
content on page 4...
</body>
于 2010-10-28T13:47:20.683 回答