Data Browser - Viewing Site  Sector 23 Code Bank Logged in as:  Guest  


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