Problema de impressão: evitando a bifurcação de DIV entre páginas

Encontrando um dilema de impressão em que DIVs dinâmicos são cortados ao meio entre as páginas? Esse problema surge ao tentar imprimir documentos longos com vários elementos DIV de altura variável.

Solução CSS para o resgate

Para resolver esse problema, a propriedade CSS quebra- dentro vem em socorro. Ao especificar o valor evite, você pode garantir que o mecanismo de renderização evite que os DIVs sejam divididos no meio. Aqui está o snippet de código:

@media print {
  div {
    break-inside: avoid;
  }
}

Esta solução é compatível com todos os principais navegadores, incluindo:

• Chrome 50
• Edge 12
• Firefox 65
• Opera 37
• Safari 10

Opção alternativa

Outra opção viável é usar quebra de página interna: evitar; em vez de arrombar: evitar;. No entanto, esta abordagem foi descontinuada e deve ser usada com cautela.