Skip to content

Instantly share code, notes, and snippets.

@Wsiegenthaler

Wsiegenthaler/print-ios-pagebreaks

Created September 9, 2013 23:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Wsiegenthaler/6503045 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Wsiegenthaler/6503045 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Wsiegenthaler created this gist Sep 9, 2013.
    41 changes: 41 additions & 0 deletions print-ios-pagebreaks
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    <html>
    <head>
    <title>Printing with Page Breaks</title>
    <meta charset="utf-8">
    <style type="text/css">
    @media screen or print {
    div.pageb:last-child { display: block; page-break-after: avoid; }
    div.pageb { display: block; page-break-after: always; }
    }
    </style>
    </head>

    <body>
    <div>
    <h1>Page 1</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

    <h3>Sub-Heading</h3><hr>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    </div>
    <div class="pageb"></div>

    <div>
    <h1>Page 2</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

    <h3>Sub-Heading</h3><hr>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    </div>
    <div class="pageb"></div>

    <div>
    <h1>Page 3</h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

    <h3>Sub-Heading</h3><hr>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
    </div>
    <div class="pageb"></div>
    </body>
    </html>