Печать CSS и разрывов страниц

Question

Я хочу вставить разрыв страницы, когда пользователи распечатывают мою веб-страницу.

IE 7, Mozilla 3.0, любой Chrome

Answer 1

Для этого можно использовать свойства CSS page-break-before или page-break-after в таблице стилей для печатных носителей.

Например:

<style>
    @media print {
        table {
            page-break-after: always;
        }
    }
</style>

Answer 2

Хотя большинство пользователей Интернета предпочитают читать веб-страницы в Интернете, некоторые из ваших пользователей могут захотеть напечатать текст статьи, а затем прочитать ее.

С помощью CSS вы можете контролировать расположение сломанных страниц и переходить к следующей странице при печати. Просто добавьте следующий CSS-код в ваши стили, а затем назначьте класс разрыва страницы каждому тегу, который вы хотите напечатать на следующей странице.

page-break {
  page-break-before: always;
}

Answer 3

Мне нужно было сделать это только один раз, но в IE7 / IE8 это прекрасно работало.Не уверен насчет Chrome или Firefox.

<div>This is before the page break.</div>
<div style="page-break-after:always;"></div>
<div>This is after the page break.</div>