Cross-Browser-Unterstützung von `page-break-inside: vermeiden;`

Ich habe viele div s auf einer Seite mit variablen Mengen von Inhalten in ihnen. Ich versuche page-break-inside: avoid; so zu verwenden, dass jeder Div-Abschnitt nicht über 2 Seiten unterbrochen wird.Cross-Browser-Unterstützung von `page-break-inside: vermeiden;`

Es funktioniert in Firefox, aber nicht IE8.

Ich habe dies in meiner CSS Druckdatei

.page-break-inside-avoid { page-break-inside: avoid; }

und meine divs trägt die Klasse wie in <div class="page-break-inside-avoid">

IE8 sollte dies jetzt unterstützen. Ist es nicht?

Mache ich etwas falsch? Hat jemand dieses Problem gelöst? Oder hat es irgendwelche Erfahrungen damit gemacht?

Jede Hilfe wäre großartig.

Dank viel richard

Quelle

2010-01-11 richard moss

das firat div passt auf die Seite, aber das zweite div nicht so druckt es richtig auf der nächsten Seite, aber das 3. div statt nach dem 2. div auf der zweiten Seite füllt das Leerzeichen auf der ersten Seite und wird dann beibehalten nach dem zweiten div und der zweiten Seite. Es sieht auch so aus, als ob das zweite Div innerhalb des dritten Div gedruckt wird. Wenn das Sinn macht !! bitte helfen –

Es ist unmöglich zu wissen, die Antwort zu diesem ohne den Rest des Codes zu sehen und Styling – Gareth

Webdevout.net ist ein großartiger Ort Browser CSS-Kompatibilität zu überprüfen.

Für page-break-inside nur IE8 und Opera 8+ gezeigt, sie zu unterstützen

Quelle

2010-01-11 23:20:23 Gareth

irgendwelche Ideen, warum es nicht funktioniert in IE8 dann? danke –

Ich habe gefunden, dass page-break-inside * nur * in IE8 funktioniert, wenn Ihre Seiten im ** Standard-Compliance-Modus ** interpretiert werden, im Gegensatz zum Quirks-Modus. Stellen Sie also sicher, dass Sie einen gültigen Doctype haben! Siehe http://www.quirksmode.org/css/quirksmode.html –

2016 und aktuelle Support-Tabelle für Immobilien unter http://caniuse.com/#feat=css-page-break –

Ohne den Code zu sehen, ich es nur erraten kann, ist vielleicht etwas mit der Höhe oder Verschachtelung der divs zu tun, Sie versuchen, es anzuwenden zu. Könnte sogar die Breite sein, da beide Druckvorschau in IE und FF unterschiedliche Ansichtsfensterabmessungen haben (aus dem normalen Browser-Ansichtsfenster und einander), ein paar Pixel aus könnte die Anzeige vollständig ändern

Quelle

2010-01-12 11:28:27 Alex

Microsoft Word 2010 nicht scheinen dieses Stilattribut zu respektieren, wenn sie aus HTML (XHTML 1.0 transitional) importiert werden, dh ein <div> Element kann geteilt werden.

Quelle

2013-05-29 10:24:58 handle

Cross-Browser-Unterstützung von `page-break-inside: vermeiden;`

Antwort

Verwandte Themen