Разрыв страницы в html-документе

Пришлось как-то делать HTML шаблон чека для термопринтера, который после каждой страницы может делать разрыв ленты.

Так как чек должен был разрываться на две части, то первую часть я не стал трогать, а вторую поместил в тег div с указанием стиля:

<div style="page-break-before:always;">
СТРАНИЦА 2
</div>

Стиль «page-break-before» определяет разрыв перед страницей, поэтому перед второй страницей лента разрывалась, ну а в конце по завершении печати по настройкам самого принтера выполняется разрыв. Также можно указать что разрыв должен выполняться после страницы: «page-break-after» или «page-break-inside» внутри страницы.

Опишу значения:
always (всегда добавляет разрыв страницы)
auto (автоматически добавляет разрыв страницы если он требуется)
avoid (запрещает разрыв страницы)
left (пропускает одну или две страницы, чтобы следующая страница при печати была четной)
right (пропускает одну или две страницы, чтобы следующая страница при печати была нечетной)
inherit (наследует значение)

Стиль разрыва страницы можно указывать например в таблице:

<table style="page-break-after:always">
</table>

Либо в CSS:

table { page-break-after:always; }

Добавить комментарий