//
CSS-стили для печати, о которых я забыл https://habr.com/ru/companies/ruvds/articles/317776/
<link media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css">
header('Content-Disposition: inline; filename="example.html"');
!!!
|
1 2 3 4 5 6 7 8 9 |
<style> .page-break { page-break-before: always; /* Создает разрыв перед элементом */ /* или */ page-break-after: always; /* Создает разрыв после элемента */ } </style> ... <div class="page-break"></div> |
//
Семейство css-свойств управления отношений элементов со страницами
- break-after (page-break-after устаревшее) назначает разрыв страниц после текущего элемента
- auto (по умолчанию) разрыв страниц не требуется и не запрещен
- page, all (экспериментальное), always назначают разрыв страниц после элемента, отличаются нюансами разрыва для элемента в колонках и строках
- avoid запрещает разрыв страниц после элемента
- left назначает разрыв страниц после элемента и назначает следующую страницу левой (оборотной при двусторонней печати)
- right назначает разрыв страниц после элемента и назначает следующую страницу правой (лицевой при двусторонней печати)
- recto (лицевая сторона, экспериментальное) если страницы продвигаются слева направо, то это действует как right, если страницы продвигаются справа налево, то это действует как left
- verso (оборотная сторона, экспериментальное) Если страницы продвигаются слева направо, то это действует как left, если страницы продвигаются справа налево, то это действует как right
- break-before (page-break-before устаревшее) устанавливает разрыв страниц перед текущим элементом
- значения аналогичны break-after
- break-inside (page-break-inside устаревшее) свойство регулирует возможность разрыва элемента разрывом страницы
- auto (по умолчанию) разрыв элемента возможен
- avoid запрещает разрыв элемента
- page !!! CSS-свойство страницы используется для указания именованной страницы, определенного типа страницы, определяемого правилом @page
- auto (по умолчанию) использует значение ближайшего предка с неавтоматическим значением (если такого предка не было, значение именованной страницы будет пустой строкой)
- <custom-ident> имя с учетом регистра, определенное в @page at-rule
Шаблони
Строка оглавления
Строка состоит из оглавления с левым выравниванием, указателя с правым выравниванием и соединительной последовательностью точек между ними:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<style> .chap { width: 18cm; font-size: 0.5cm; overflow: hidden; } .chap:after { content:'.................................................................'; display: block; white-space: nowrap; overflow: hidden; } .chap:last-of-type { margin-left: 20px; } .chap-title:first-of-type { float:left; margin-right: 1cm; } .chap-mark:last-of-type { float:right; margin-left: 1cm; } </style> <h1>Content:</h1> <p class="chap"><span class="chap-title">Prologue</span><span class="chap-mark">1</span></p> <p class="chap"><span class="chap-title">Chapter 1.</span><span class="chap-mark">5</span></p> <p class="chap"><span class="chap-title">Epilogue</span><span class="chap-mark">9</span></p> |
Джерела
//