如果達到div高度，則將內容強制到新的打印頁面上

Question

我有一個HTML / CSS可打印形式，該形式使用PHP從MySQL數據庫獲取內容。 我很難弄清楚如果內容部分已滿，如何使中間內容部分打印另一頁。 我需要將徽標和訂單總數部分保留在適當的位置，並且只跟蹤中間內容部分。

有沒有辦法用JavaScript做到這一點？ 或針對此問題的最佳解決方案是什么？

隨附屏幕截圖標記，以幫助您發現問題。

http://timkipptutorials.com/images/linked/page1.png http://timkipptutorials.com/images/linked/page2.png

Answer 1

如果使用div標簽，則在每個頁面上打印頁眉和頁腳是非常困難的任務。 在我的項目中，我幾乎搜索了整個網絡，發現要打印頁眉和頁腳，每個頁面都必須使用表格和CSS規則，而不必使用table和CSS，就不能在每個頁面上打印頁眉。 我正在為您提供執行此操作的代碼，如下所示：

<style>
    @media screen{thead{display:none;}}
    @media print{thead{display:table-header-group; margin-bottom:2px;}}
    @page{margin-top:1cm;margin-left:1cm;margin-right:1cm;margin-bottom:1.5cm;}}
</style>

第一條CSS規則使表格thead不會在用戶的屏幕上顯示，第二條規則定義在打印過程中thead顯示為table-header-group，因為如果忽略此標頭，該規則將在每個頁面上顯示標頭在每頁上打印，第三個規則是保持頁眉或頁腳重疊的頁邊距，並且您的html代碼如下所示：

<table>
    <thead>
        <tr>
            <th>  <---  Your header text would be placed here    --->  </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <--- Your printing text would be place here    ---> 
            </td>
        </tr>
    </tbody>
</table>

最后一件事，我已經嘗試在IE，Safari，Firefox和Chrome上使用事物代碼，並想告訴您，在Chrome上，標題僅打印在第一頁上。 我也曾多次報告該錯誤，但Chrome對此問題沒有任何處理。