Warum funktionieren meine Seitenumbrüche nicht in allen Browsern konsistent?

Seitenumbrüche funktionieren nicht konsistent in allen Browsern

Während Seitenumbrüche in vielen Browsern häufig ignoriert werden, werden sie von bestimmten Browsern wie Internet Explorer und Opera verarbeitet ohne Problem. Andere Browser wie Firefox, Chrome und Safari weisen jedoch Unterschiede in der Handhabung von Seitenumbrüchen auf.

Firefox

Firefox trennt die angegebenen Divs genau, druckt aber nur die erste Seite.

Chrom und Safari

Chrome und Safari wenden den Seitenumbruch nur auf das letzte Div an.

Lösung

Um dieses browserübergreifende Problem zu beheben, Stellen Sie sicher, dass übergeordnete Elemente keine Float-Eigenschaft besitzen. Wenn Sie „float:none“ für alle übergeordneten Elemente festlegen, funktioniert „page-break-before:always“ immer wie vorgesehen.

Zusätzliche Überlegungen

Abgesehen vom Float-Problem spielen noch andere Faktoren eine Rolle Zu den Seitenumbrüchen können gehören:

• Seitenumbrüche innerhalb von Tabellen
• Floating Elemente
• Inline-Blockelemente
• Blockelemente mit Rändern

Das obige ist der detaillierte Inhalt vonWarum funktionieren meine Seitenumbrüche nicht in allen Browsern konsistent?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!