Come dovrebbero funzionare le proprietà di interruzione di pagina nei CSS?

Question

I browser moderni sono dovrebbe supportare le proprietà di interruzione di pagina CSS in una certa misura. Tuttavia non sono stato in grado di stampare alcun browser in modo diverso quando utilizzo evitare , vedove o orfani . Sto sbagliando o il supporto del browser non è solido come pubblicizzato?

      h2 {
        page-break-after: avoid;
      }                         

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

Answer 1

Il supporto del browser per la stampa fa schifo. Non solo un po ', ma completamente e senza confronti. Circa una volta ogni due anni (negli ultimi 10), ho giocato con questo e torno sempre alla stessa conclusione: non dipendere dal browser per essere in grado di gestire una buona stampa.

Se deve assolutamente essere posizionato correttamente, crea un file pdf al volo e lascia che l'utente lo stampi.

Answer 2

Se vuoi fare un'interruzione di pagina, so che è così che funziona almeno in Firefox e IE. L'ultima volta che ho controllato questo funzionava in IE7.

Page 1

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

Page 2

dovrebbe stampare le pagine su pezzi di carta separati, totalmente a seconda del browser.

Answer 3

So che questo andrà contro tutto ciò che tutti dicono sullo sviluppo di html, ma usa tabelle . Inserisci il contenuto che deve stare insieme in una tabella, quindi la pagina non verrà suddivisa nel mezzo della tabella. Se la tabella è più lunga di una pagina, verrà divisa da qualche parte nel mezzo della tabella, ma l'utilizzo delle tabelle è un buon modo per tenere insieme i contenuti durante la stampa.