Quebrar Páginas HTML Para Impressão Com CSS

By | março 17, 2008

Essa dica é para quem desenvolve em html e precisa imprimir relatórios ou documentos e quer formatar as páginas quebrando-as nos lugares certos. Fazer isso parecia complicado mas com CSS (estrutura de formatação de html) é bastante simples:

Onde você quer quebrar a página, coloque um elemento com uma classe diferente, por exemplo:

<p class="quebra-aqui">Início de nova página </p>

e este documento html deve ter uma código css assim:

<STYLE TYPE="text/css">
P.quebra-aqui {page-break-before: always}
</STYLE>

Você ainda pode usar a instrução page-break-after. Veja mais aqui.

Testei esta solução no Internet Explorer 7 e também no Firefox.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *