如何使用css顯示與網頁相同的打印預覽？

Question

我創建了一個包含頁眉和頁腳的表格中的五行的網頁。如果字符超過了它，表格會拉長，但可以放在單個頁面中。對於每行，我有250個字符的限制。當行包含大約100個字符，表中的五行伸長並適合頁面。但是，當我看到打印預覽時，表格分割，第一行和第二半顯示第三行的一半，並在下一頁中顯示兩行顯示。我使用單獨的外部CSS爲主頁和另一個外部CSS爲打印預覽。如何解決？。請幫助。

Answer 1

簡短的回答是，你不能觸發Print Preview，因爲它是本地操作系統窗口，你可以做的是你的用戶打印之前，您可以創建一個單獨的HTML文檔，並使用打印特定的樣式表（你已經在使用）爲文件中像這樣

<link rel="stylesheet" href="#" type="text/css" media="print" /> 

如果要控制頁面打破自己使用這個

@media print { 
    whatever { 
     page-break-after:always 
    } 
}