我的網頁只打印到1頁（沒有中斷）

我無法打印信息的網頁，它應該跨越大約3頁。目前，只打印1頁，其餘數據在任何地方都不可見？有一些JS或HTML我可以用來打破頁面，並允許信息繼續打印在下一頁。我的網頁只打印到1頁（沒有中斷）

2010-10-28 Derek Paring

誰投票結束了這個？爲什麼？這是一個非常好的問題。 – Pointy 2010-10-28 13:32:50

你需要一個打印樣式表，它的高度應該設置爲「自動」，溢出設置爲「可見」的正文。我所做的是這樣的：

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

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

來源

2010-10-28 13:19:55 Pointy

是的我已經在打印樣式表中設置了這些屬性：S – 2010-10-28 13:21:42

試着在「可見」之後和分號之前添加「！important」。 – Pointy 2010-10-28 13:26:42

您也可以強迫你休息

<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-28 13:47:20

有一個列表除了有關準備您的網站打印一個相當不錯的文章。

浮動的div有一個已知的錯誤被切斷，它可能是值得你看看。

A List Apart/CSS Design: Going to Print（見：固定的浮動效果也很糟糕）

希望這有助於！

來源

2010-10-28 14:11:28 Jay

我的網頁只打印到1頁（沒有中斷）

回答

相關問題