Я пытаюсь использовать print.css для печати одного div на страницу, и я терпеть неудачу

Пример моего кода:

<div class="print">
This div needs to be on one page.
</div>

<div class="print">
This div needs to print on a separate page.
</div>

У меня есть пара divs, как указано выше, и мне нужно, чтобы каждый div был на своей собственной странице при печати. Я пробовал 'page-break-before' и 'page-break-after' в классе .print в print.css. Я не уверен, что я делаю неправильно.

Мне кажется, что 'page-break-after' будет правильным, и что решение, которое я всегда нахожу при поиске, но я просто не могу заставить его работать.

Ответ 1

попробуйте это после каждого тега </div>

<br clear="all" style="page-break-before:always" />

он работает для меня...

Ответ 2

Вы должны использовать правило css:

.print {page-break-after:always;}

Он работает для меня в Chrome 12.0 и Firefox 3.5

Решение, данное Allex с использованием тега br, не работает в этой версии Chrome