使用 HTML 中的 CSS 分頁符創建 PDF

Question

我在 HTML 中有一個自定義標簽<PBR/> ，我想通過 CSS 從這個標簽打破 PDF 頁面。 但我對此一無所知。 我怎樣才能打破頁面：我已經在 CSS 中嘗試過這個，但它不起作用——

pbr {
    page-break-before: always;
}

Answer 1

我認為問題在於使用 CSS 定位自定義 HTML 標簽。
我建議改用一個類：

.page { page-break-before:always; }

<pbr class="page" />

Answer 2

創建具有以下屬性的自定義類並應用於您的 HTML 元素。

<style>
    .breakhere {
                page-break-after: always;
                display: block;
                clear: both;
            }
</style>

<div class="breakhere">...content...</div>

注意：確保您的 HTML 不包含溢出標記，因為它會導致分頁標記出現問題。

Rotativa 庫提供了將視圖返回為 PDF 的不錯選擇。