Skip to content

Instantly share code, notes, and snippets.

@quangpd

quangpd/html2printer.html

Created July 11, 2021 17:10
Show Gist options
  • Save quangpd/f4a61b317e990d3ee49b3c9a0777ed8c to your computer and use it in GitHub Desktop.
Save quangpd/f4a61b317e990d3ee49b3c9a0777ed8c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html2printer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Multiple Sheets</title>
<!-- Normalize or reset CSS with your favorite library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<!-- Load paper.css for happy printing -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
<!-- Set page size here: A5, A4 or A3 -->
<!-- Set also "landscape" if you need -->
<style>@page { size: A4 }</style>
</head>
<!-- Set "A5", "A4" or "A3" for class name -->
<!-- Set also "landscape" if you need -->
<body class="A4">
<!-- Each sheet element should have the class "sheet" -->
<!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
<section class="sheet padding-10mm">
<!-- Write HTML just like a web page -->
<article>This is the first sheet.</article>
</section>
<!-- The second sheet -->
<section class="sheet padding-10mm">
<!-- Write HTML just like a web page -->
<article>This is the second sheet.</article>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment