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

Question

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

<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' будет правильным, и это решение, которое я всегда нахожу при поиске, но я просто не могу заставить его работать.

Answer 1

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

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

У меня это работает в Chrome 12.0 и Firefox 3.5

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

Answer 2

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

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

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