Page-Break-After results in extra page in Chrome
Using page-break-after: always creates an extra blank page after your last section in Chrome, with no content, whereas IE does not print that page (if you have empty divs or other non-printable content there).
To solve this, put your page sections within a div with a class name ("printPage"), and then use this CSS to block off those as single pages:
@media print {
.printPage {
page-break-after: always;
page-break-inside: avoid;
}
.printPage:last-child {
page-break-after: avoid;
}
}
This will help Chrome know to avoid putting the page break after the last page.
Created By: amos 3/24/2016 11:30:37 AM
|
|