Page-Chromeのiframeでページブレイクが機能しません。

Question

私のアプリケーション内にiframeがあります。divにページ区切りを追加すると、Chrome上で無視されます（Safariでは期待通りに機能します）。

私は、ページ区切りを制御し、この印刷用CSSを持っている：私は別のページとしてこのIFRAMEを開いた場合、予想通り

page-break-before: always; page-break-inside: avoid;

はまた、改ページでも動作します。

Answer 1

親とページ破りを制御したいその上に要素として宣言する必要があります。それは動作しないでしょう

page-break-before 
page-break-after 
page-break-inside 

が、page-break-insideを制御するための：これは本当です

position: relative; 

Safari（5.1.7バージョンでテスト済み）

Answer 2

私はこの同じ問題で苦労していました。私のシナリオでは、非表示のiframeを使用して印刷に適したコンテンツをシームレスに読み込んでから、印刷ダイアログを表示していました。 iframe要素に0px（または1px）の幅を指定することで、Chromeは印刷CSSを効果的に無視します。

高さを0pxに指定して幅を設定しないことで、Chromeは印刷スタイルを尊重し始めました。