2010-10-28 44 views
4

我无法打印信息的网页,它应该跨越大约3页。目前,只打印1页,其余数据在任何地方都不可见?有一些JS或HTML我可以用来打破页面,并允许信息继续打印在下一页。我的网页只打印到1页(没有中断)

+1

谁投票结束了这个?为什么?这是一个非常好的问题。 – Pointy 2010-10-28 13:32:50

回答

4

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

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

只要把它放在你的主CSS文件或它自己的文件中。

+0

是的我已经在打印样式表中设置了这些属性:S – 2010-10-28 13:21:42

+0

试着在“可见”之后和分号之前添加“!important”。 – Pointy 2010-10-28 13:26:42

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> 
2

有一个列表除了有关准备您的网站打印一个相当不错的文章。

浮动的div有一个已知的错误被切断,它可能是值得你看看。

A List Apart/CSS Design: Going to Print(见:固定的浮动效果也很糟糕)

希望这有助于!