If the block does not fit on the current page in print form, you need to make it transfer to the next page. How can you implement?

    1 answer 1

    Use the page-break-inside property by setting the parent to avoid :

     body { page-break-inside: avoid } 
     <body> <div>Длинный элемент 1 <img src="" style="height: 220pt" /></div> <div>Длинный элемент 2 <img src="" style="height: 220pt" /></div> </body>

    • if I'm not mistaken, then this property is applied when printing, and this property prohibits a page break inside the element — something like this — user33274