CSS中的分頁屬性應該如何工作？

Question

現代瀏覽器在某種程度上是supposed to support the CSS page-break properties。但是，當我使用avoid，widows或orphans時，我無法使任何瀏覽器進行任何不同的打印。我做錯了，還是瀏覽器的支持不如廣告？

 h2 { 
     page-break-after: avoid; 
     }       

     p { 
     page-break-inside: avoid; 
     orphans: 2; 
     widows: 2; 
     } 

Answer 1

瀏覽器支持打印糟糕。不只是一點點，但完全沒有比較。大約每隔一年（過去10年），我就一直在玩這個，我總是會回到相同的結論：不要依靠瀏覽器來處理好打印。

如果絕對必須正確定位，請立即創建PDF文件並讓用戶打印該文件。

Answer 2

如果你想做一個分頁符，我知道這是它至少在Firefox和IE中的工作方式。上次我在IE7中檢查了這個工作。

Page 1 

<br style="page-break-after:always" /> 

Page 2 

它應該打印在紙上獨立的部分網頁，完全取決於瀏覽器。

Answer 3

我知道這將違背所有人都對html開發的看法，但使用表。將需要保持在一起的內容放入表格中，然後頁面不會在表格中間拆分。如果表格長度超過一頁，則表格會在表格中間的某處分開，但使用表格是在打印時將內容保持在一起的好方法。