Como são as propriedades de quebra de página em CSS suposto trabalho?

Question

Os navegadores modernos são supostamente para apoiar as propriedades CSS page-break em algum grau. No entanto, eu não tenho sido capaz de obter qualquer navegador para imprimir de forma diferente quando eu uso avoid, widows, ou orphans. Estou fazendo isso errado, ou é o suporte ao navegador simplesmente não tão sólida como anunciado?

      h2 {
        page-break-after: avoid;
      }                         

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

Answer 1

O suporte ao navegador para impressão é uma porcaria. Não apenas um pouco, mas completamente totalmente e sem comparar. Cerca de uma vez a cada dois anos (para o passado 10), eu brinquei com isso e eu sempre voltar para a mesma conclusão: não dependem do navegador para ser capaz de lidar com boa impressão.

Se for absolutamente deve ser posicionado corretamente, crie um arquivo pdf na mosca e deixar a impressão de usuário que.

Answer 2

Se você está querendo fazer uma quebra de página Eu sei que esta é a forma como ele funciona, pelo menos no Firefox e IE. Última vez que verifiquei isso funcionou no IE7.

Page 1

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

Page 2

deve imprimir as páginas em pedaços separados de papel, totalmente, dependendo do browser.

Answer 3

Eu sei que isso vai contra tudo o que todo mundo diz sobre o desenvolvimento html, mas o uso tabelas . Coloque conteúdo que precisa para ficar juntos em uma mesa, e, em seguida, a página não será dividida no meio da tabela. Se a tabela for mais de uma página, então ele vai estar em algum lugar divisão no meio da tabela, mas o uso de tabelas é uma boa maneira de manter juntos o conteúdo durante a impressão.