This is an extremely hacky solution, but it works for me: h1 { page-break-inside: avoid; } h1::after { content: “”; display: block; height: 100px; margin-bottom: -100px; } Basically I create an invisible element that increases the size of the <h1> without affecting the content after it. When page-break-inside: avoid is applied and the whole <h1> … Read more
Inside <head>, set this style in your CSS stylesheet <head> <style> @media print { tr.page-break { display: block; page-break-before: always; } } </style> </head> That way, it will produce a page break during printing right before this table row. <tr class=”page-break”> </tr>
UPDATE: I created sample application, that shows how to use PageSplitter. How it works? Example application (Russian) – Cleverum. You need only PageSplitter class. Other code shows you how to use this class. import android.graphics.Typeface; import android.text.SpannableString; import android.text.SpannableStringBuilder; import android.text.TextPaint; import android.text.style.StyleSpan; import java.util.ArrayList; import java.util.List; public class PageSplitter { private final int pageWidth; … Read more
Using break-inside should work: @media print { div { break-inside: avoid; } } It works on all major browsers: Chrome 50+ Edge 12+ Firefox 65+ Opera 37+ Safari 10+ Using page-break-inside: avoid; instead should work too, but has been exactly deprecated by break-inside: avoid.
Add a CSS class called “pagebreak” (or “pb”), like so: @media print { .pagebreak { page-break-before: always; } /* page-break-after works, as well */ } Then add an empty DIV tag (or any block element that generates a box) where you want the page break. <div class=”pagebreak”> </div> It won’t show up on the page, … Read more
Parent elements can not have float on them. Setting float:none on all parent elements makes page-break-before:always work correctly. Other things that can break page-break are: using page-break inside tables floating elements inline-block elements block elements with borders
You can use the following: <style type=”text/css”> table { page-break-inside:auto } tr { page-break-inside:avoid; page-break-after:auto } </style> Refer the W3C’s CSS Print Profile specification for details. And also refer the Salesforce developer forums.