Forçar quebras de página CSS
Postado por: Pedro Rogério emEste simples exemplo mostra como inserir quebras de página em nossos documentos, que será usado quando você quiser imprimir alguma página Web:
Veja o exemplo em funcionamento.
O CSS fica da seguinte forma:
.quebrapagina {
page-break-after: always;
}
E o HTML fica da seguinte forma:
<h1>Primera Página</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<br class="quebrapagina" />
<h1>Segunda página</h1>
<p>Texto segunda página...</p>
<br class="quebrapagina" />
<h1>Terceira página</h1>
<p>Texto terceira página...</p>
Testei no Firefox e IE7 e funcionou OK, mas infelizmente no Opera não funcionou, se alguém puder testar em mais browsers e me dizer eu agradeço. Baseado no artigo original de Web Intenta.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
No IE 6 e 7 funciona legal… ai ja ta bom demais…. Só achei estranho nao funcionar no Opera…. :S
falow´s
isso põe em xeque se o Opera realmente é o unico navegador que está mais próximo de todos os padrões web :/
Funcionou bem no Netscape 8.1