Answers for "page break in html print"

html print page break

@media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

//Then add a div with class=pagebreak any where you want a page break.

<div class="pagebreak"></div>

Posted by: Guest on September-20-2021

table broken html after change page

<html>
<head>
<style>
@media print
{
  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  td    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }
}
</style>
</head>

<body>
....
</body>
</html>

Posted by: Guest on October-15-2020

Source