printing html is always tricky - here’s a solution that seems to work better
<div class="break-container" style="overflow: hidden;">
<div style="page-break-after:always;"/>
<div style="margin-top: -55px;"/>
</div>
<style>
.break-container {
border: 1px solid grey;
}
@media print {
.break-container {
border: none;
}
}
</style>
You may need to adjust the margin-top
property. -55px
worked for me.
If you’re debugging removing the border: none
will help to see what’s going on when you print.