Browserübergreifende Unterstützung für CSS-Seitenumbrüche
Trotz der weit verbreiteten Anerkennung der CSS-Eigenschaft „Seitenumbruch“ stoßen Entwickler häufig auf Inkonsistenzen zwischen den Browsern, wenn Ich versuche, Seitenumbrüche zu implementieren. Während Internet Explorer und Opera ein zuverlässiges Verhalten zeigen, trennt Firefox mehrere Seiten, druckt sie jedoch nicht, während Chrome und Safari den Umbruch nur auf die letzte Seite anwenden.
Behebung des Problems
Um die browserübergreifende Kompatibilität sicherzustellen, ist es wichtig, eine häufige Gefahr zu beseitigen: übergeordnete Elemente mit Float-Werten. Durch Zurücksetzen von float auf „none“ für alle übergeordneten Elemente funktioniert die Eigenschaft „page-break-before:always“ ordnungsgemäß.
Zusätzliche Überlegungen
Abgesehen von Float-Problemen gibt es noch andere Faktoren kann auch Seitenumbrüche stören:
Überarbeitetes CSS für Cross-Browser Kompatibilität:
@media print {
#leftNav {
display: none;
}
#mainBody {
float: none;
border: none;
margin: none;
padding: none;
}
div.pageBreak {
page-break-before: always;
}
}Das obige ist der detaillierte Inhalt vonWarum sind meine CSS-Seitenumbrüche in allen Browsern inkonsistent?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
