Как добавить разрыв страницы на печать страницы?

Question

В содержимом страницы печати есть одна длинная строка, но пока мы печатаем некоторую часть текста, сокращаем.

альтернативный текст http://img694.imageshack.us/img694/6766/printpage.jpg

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

Answer 1

Как упоминает Хаим Евгений в этой статье http://davidwalsh.name/css-page-breaks

В дополнение к тому, что уже описано в статье, я хотел бы отметить, что рекомендуется использовать .page-break-before: auto вместо .page-break-before: всегда. «Авто» будет разрывать страницу, только если содержимое находится в конце, если страница, это предотвратит разрыв страницы и оставит много пустого пространства.

CSS

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: auto; }
}

HTML

<div>some content</div>
<div class="page-break">more content, this content may be short or long</div>
<div class="page-break">this content may page-break if content above this <div> is at the end of the page</div>
<div class="page-break">etc,..</div>

Answer 2

Возможно, вы просто захотите предотвратить разрывы страниц внутри элемента.

например. короткие таблицы, которые вы не хотите разрывать при печати:

@media print {
    table {
        page-break-inside: avoid;
    }
}    

Answer 3

Используйте элементы css page-break-before и page-break-after.