Enforce Print Page Breaks with CSS
I have a page that basically displays all work orders for a given day. I have tried to create the HTML so that I can use page-break-after: always to create a logical print page break and continue on. However when the user prints the page, there are often overlaps, multiple work orders on the same page, etc. I simply want to enforce a hard page break that Firefox, Safari, and Chrome will listen to. My HTML looks like this <div class="WOPrint"> <div class="WOHeader"> <h1>Header stuff</h1> </div> <!-- content --> </div> <div class="WOPageBreak"></div> <div class="WOPrint"> <div class="WOHeader">