Como fazer uma quebra de página de impressão no HTML com CSS

Utilize o CSS para fazer quebra de página de impressão no HTML.
Exemplo:

<style>
.break { page-break-before: always; }
</style>
<body>
conteúdo da página 1...
<h1 class="break">cabecalho 2 da página 4</h1>
conteúdo da página 2...
<h1 class="break">cabecalho 3 da página 4</h1>
conteúdo da página 3...
<p class="break"></p>
conteúdo da página 4...
</body>

No exemplo será impresso “conteúdo da página 1” na primeira página, “conteúdo da página 2…” na segunda página, assim por diante. Testei exemplo com sucesso no IE 8 e FF 3.6

2 Comentários

Arquivado em CSS, HTML

2 Respostas para “Como fazer uma quebra de página de impressão no HTML com CSS

  1. Moises Duarte

    Nao funciona no Chrome

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s