Como configurar o conteúdo que será impresso?

Front-end
#1

Boa noite!!
Eu gostaria de saber como eu faço para dividir um conteúdo que será impresso, por exemplo, eu tenho duas DIVs e eu quero que a div1 seja impressa em uma página e a div2 em outra página, mesmo que tenha pouco conteúdo, é possível fazer isso?

<div class="div1">
<p>Será impresso na primeira página</p>
</div>

<div class="div2">
<p>Será impresso na segunda página</p>
</div>

Na hora que apertar CTRL + P para imprimir, a DIV1 será uma página e a DIV2 outra.

Se alguém souber como faz, talvez com CSS e/ou JS, enfim… por favor me diga, obrigado!!!

#2

Você pode usar media queries e definir o layout somente para impressão (@media print). Defina o tamanho de cada div de forma que ocupe uma página inteira, definindo o tamanho de um A4 em milímetros, e considerando margens e afins.

Referência: https://medium.com/@larymagal/segredos-do-media-print-dcd69cef1f56

Abraço.

1 curtida
#3

Muito obrigado!