How to insert a page break in HTML so wkhtmltopdf parses it?
When I use wkhtmltopdf
, I work with the following classes:
.keep-together {
page-break-inside: avoid;
}
.break-before {
page-break-before: always;
}
.break-after {
page-break-after: always;
}
So I can force:
- That a particular container content is not spread over two pages (if it fits one page). When using the
keep-together
class a page break is created before the container if necessary. - That a page break is forced before a particular container.
- That a page break is forced after a particular container.
The @media print
didn't work for me with wkhtmltopdf
.
Specify a CSS rule specific to the print media type. There are a number of properties that can be used for paging. I find it easiest to attach the page-break-before
property to a class, as shown below.
In the HTML:
<p>Page 1, paragraph 1</p>
<p class="new-page">Page 2, paragraph 1</p>
<p>Page 2, paragraph 2</p>
In the CSS:
@media print {
.new-page {
page-break-before: always;
}
}