Skip to content

Instantly share code, notes, and snippets.

@Wsiegenthaler

Wsiegenthaler/print-ios-pagebreaks

Created September 9, 2013 23:43
Show Gist options
  • Save Wsiegenthaler/6503045 to your computer and use it in GitHub Desktop.
Save Wsiegenthaler/6503045 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
print-ios-pagebreaks
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment