私は1ページに1つのdiv要素を印刷するのにprint.cssを使用しようとしている、と私は自分のコードの例

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が印刷時に自分のページになる必要があります。 print.cssの.printクラスで'page-break-before'と'page-break-after'を試しました。私は何が間違っているのか分かりません。

'page-break-after'が正しいと思われます。それは検索時に常に見つけられる解決策ですが、私はそれを働かせるようには見えません。

Answer 1

あなたはCSSルール使用する必要があります...それは私のために働くすべての</div>タグ

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

後

Answer 2

これを試してください：それはクローム12.0で私の作品

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

をし、 Firefox 3.5

brタグを使用してAllexによって提供されるソリューションは動作しませんこのChromeのバージョン