Wie sollen die Seitenumbruch-Eigenschaften in CSS funktionieren?

Question

Moderne Browser sind supposed to support the CSS page-break properties zu einem gewissen Grad. Jedoch konnte ich keinen Browser dazu bringen, anders zu drucken, wenn ich avoid, widows oder orphans verwende. Tue ich es falsch oder ist der Browser nicht so solide wie angekündigt?

 h2 { 
     page-break-after: avoid; 
     }       

     p { 
     page-break-inside: avoid; 
     orphans: 2; 
     widows: 2; 
     } 

Answer 1

Browser-Unterstützung für Drucken saugt. Nicht nur ein bisschen, sondern völlig und ohne Vergleich. Etwa ein Mal im Jahr (für die letzten 10) habe ich damit herumgespielt und komme immer wieder zu dem gleichen Ergebnis: Verlassen Sie sich nicht auf den Browser, um mit gutem Druck umgehen zu können.

Wenn es unbedingt richtig positioniert werden muss, erstellen Sie eine PDF-Datei im laufenden Betrieb und lassen Sie den Benutzer diese drucken.

Answer 2

Wenn Sie eine Seitenumbruch machen wollen, weiß ich, dass es zumindest in Firefox und IE so funktioniert. Das letzte Mal, als ich das überprüft habe, funktionierte das in IE7. , Völlig abhängig von dem Browser

Page 1 

<br style="page-break-after:always" /> 

Page 2 

Es sollte die Seiten auf separates Stück Papier drucken.

Answer 3

Ich weiß, das wird gegen alles gehen, was jeder über HTML-Entwicklung sagt, aber Tabellen verwenden. Legen Sie Inhalte, die zusammenbleiben müssen, in eine Tabelle, und dann wird die Seite nicht in der Mitte der Tabelle aufgeteilt. Wenn die Tabelle länger als eine Seite ist, wird sie irgendwo in der Mitte der Tabelle aufgeteilt, aber die Verwendung von Tabellen ist eine gute Möglichkeit, den Inhalt beim Drucken zusammenzuhalten.