Submarino.com.br

Quebrar Páginas HTML Para Impressão Com CSS

Publicidade





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.

Autor: Gusleig

Fundador e editor do Gusleig.com. Engenheiro, desenvolvedor e amante de tecnologia. Siga no Twitter ou envie mensagem.

Receba e Leia por Email: é Grátis!

Compartilhe!

Gostou? Recomende para seus amigos.

Publicidade

O tempo de comentar acabou! :(.