如何在不同的瀏覽器中打印多頁HTML表格

Question

打印包含單元格高度約爲5釐米的HTML表格的最佳做法是什麼？不應將其分解爲不同的頁面。

我已經作出print.css和definied

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

但是：

在Chrome
• 在HTML頁面中的圖片跨頁拆分
在Firefox
• ，第一頁是空的，表格從第二頁開始，表格的其餘部分被刪除（第3頁再次爲空）
• IE我還不敢嘗試呢

Answer 1

對分頁符CSS屬性的瀏覽器支持很不明顯，特別是在表部件上。如果你想阻止單元格內容的分頁，我會建議將內容嵌套在div中，並設置「page-break-inside：avoid」。在div上。如果您需要支持根本不實現page-break-inside屬性的舊瀏覽器，則還應該設置「display：inline-block; vertical-align：top;」在div上。另外，請注意，如果可打印區域的高度（即頁面高度減去頂部和底部邊距）小於單元格內容的高度，那麼瀏覽器不可能避免打破它，除非它可以以某種方式扭曲空間結構（也許Firefox有一個「-moz-」屬性？）。