Supporto cross-browser di `page-break-inside: avoid;`

Ho un sacco di div s su una pagina con quantità variabili di contenuto al loro interno. Sto cercando di usare page-break-inside: avoid; in modo che ogni sezione div non sia suddivisa su 2 pagine.Supporto cross-browser di `page-break-inside: avoid;`

Funziona in Firefox ma non in IE8.

ho questo nel mio CSS file di stampa

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

e le mie div portano la classe come in <div class="page-break-inside-avoid">

si suppone IE8 a sostegno di questa ora. Non è vero?

Sto facendo qualcosa di sbagliato? Qualcuno ha risolto questo problema? O ha avuto qualche esperienza con esso?

Qualsiasi aiuto sarebbe fantastico.

grazie mille Richard

fonte

2010-01-11 richard moss

il firat div si adatta alla pagina ma il secondo div non lo fa in modo corretto sulla pagina successiva ma il terzo div invece continua dopo il 2 ° div sulla seconda pagina riempie lo spazio sulla prima pagina e poi continua dopo il secondo div e la seconda pagina. Sembra anche che il secondo div stia stampando all'interno del terzo div. Se questo ha un senso !! per favore aiuto –

E 'impossibile sapere la risposta a questo senza vedere il resto del codice e lo stile – Gareth

Webdevout.net è un ottimo posto per verificare la compatibilità del browser CSS.

Per page-break-inside solo IE8 e Opera 8+ sono mostrati per sostenerlo

fonte

2010-01-11 23:20:23 Gareth

qualche idea del perché non funziona in IE8 allora? grazie –

Ho trovato che page-break-inside * funzionerà * solo in IE8 quando le tue pagine sono interpretate in ** modalità di conformità agli standard **, al contrario della modalità quirk. Quindi, assicurati di avere un doctype valido! Vedi http://www.quirksmode.org/css/quirksmode.html –

2016 e tabella di supporto aggiornata per la proprietà su http://caniuse.com/#feat=css-page-break –

Senza vedere il codice posso solo immaginare è forse qualcosa a che fare con l'altezza o la nidificazione dei div si sta cercando di applicarlo a. Potrebbe anche essere la larghezza in quanto entrambe le anteprime di stampa in IE e FF avranno dimensioni di finestra diverse (dalla normale finestra del browser e viceversa), alcuni pixel potrebbero modificarne completamente la visualizzazione

fonte

2010-01-12 11:28:27 Alex

Microsoft Word 2010 non sembra rispettare questo attributo di stile quando si importa da HTML (transitorio XHTML 1.0), ovvero un elemento può essere diviso.

fonte

2013-05-29 10:24:58 handle

Supporto cross-browser di `page-break-inside: avoid;`

risposta

Problemi correlati