Tôi đang cố gắng sử dụng một print.css để in một div trên mỗi trang, và tôi không

Question

Một ví dụ về mã của tôi là thế này:

<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> 

tôi có một vài divs như trên, và tôi cần mỗi div để ở trên trang riêng của nó khi được in. Tôi đã thử 'page-break-before' và 'page-break-after' trên lớp .print trong print.css. Tôi không chắc mình đang làm gì sai.

Dường như với tôi như 'page-break-after' sẽ đúng, và đó là giải pháp tôi luôn tìm thấy khi tìm kiếm, nhưng tôi dường như không thể làm cho nó hoạt động.

Answer 1

thử này sau mỗi </div> thẻ

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

nó làm việc cho tôi ...

Answer 2

Bạn nên sử dụng các quy tắc css:

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

Nó làm việc cho tôi trong Chrome 12.0 và Firefox 3.5

Giải pháp được cung cấp bởi Allex bằng cách sử dụng thẻ br không hoạt động trong phiên bản Chrome