Seitenwechsel in iframe auf Chrome funktioniert nicht?

Question

Ich habe ein iframe in meiner Anwendung und wenn ich Seitenumbrüche auf einigen div hinzufügen, wird es in Chrome ignoriert (in Safari funktioniert es wie erwartet).

Ich habe nur diesen Druck CSS, die Seitenumbrüche steuert:

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

Auch wenn ich diese iframe als eine separate Seite zu öffnen, Seitenumbrüche auch wie erwartet.

position: relative; 

Dies gilt für:

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

aber page-break-inside es nicht steuern werde

Answer 1

die Eltern und das Element, auf das Sie Seite brechend steuern möchten müssen deklariert werden auf Safari (getestet am 5.1.7 Version)

Answer 2

Ich hatte mit dem gleichen Problem zu kämpfen. In meinem Szenario habe ich einen versteckten Iframe verwendet, um nahtlos den druckfreundlichen Inhalt zu laden und dann den Druckdialog zu starten. Durch Angabe einer Breite von 0 Pixel (oder sogar 1 Pixel) auf dem Iframe-Element würde Chrome meine Druck-CSS ignorieren.

Wenn Sie nur eine Höhe von 0 Pixeln angeben und die Breite nicht festgelegt wurde, hat Chrome damit begonnen, die Druckstile zu berücksichtigen.