Quote:
Originally Posted by RonOnThePond
So my two situations are (1) boxed text paragraphs, and (2) minor headings. If the box won't fit on the remaining space on a page, move the whole thing to the next page. If there is no room for the first paragraph after a one-line heading on the same page as the heading, move both the heading and the paragraph to the next page, together. For the first situation, I've used "page-break-inside: avoid" in css. For the other, I used "page-break-after: avoid" in the css for the one-line heading. Neither is working at all. Ugh.
|
The problem is the lines per screen can be anything, depending on screen size and font size, so even increasing widows & orphans doesn't work well on everything.
The only way to avoid 1 or 2 getting messed on any app (or ereader) is have a page break before always via a new HTML file! Conditional page break before is implied by "no page break inside" and often doesn't work.
"page-break-inside: avoid" and "page-break-after: avoid" are completely ignored by some apps. I've not experimented as what does honour them.