Printing in Chrome with Page-Break does not work in portrait mode

I have problems to get a page break via css. I have something like this:

<div>
  <div class="content">...</div>
 </div>
<div style="page-break-after: always; page-break-inside: avoid;"></div>

<div>
  <div class="content">...</div>
</div>
<div style="page-break-after: always; page-break-inside: avoid;"></div>
      

Run codeHide result


It works fine when I change the orientation when printing to landscape, but in protrait mode, the gap after my container with page break appears to be the size of the landscape page, from small.

I am using Google Chrome for printing. In the meantime, there is no need to know about it. ”

Any ideas?

+3


source to share





All Articles