Quote:
Originally Posted by Karellen
Do you have more info on that statement? I'd like to read up a bit more about it.
|
Most modern e-readers (like those based on WebKit used by Apple Books or Google Play Books) render an epub3 file not as a continuous scroll, but as a series of horizontal columns that simulate pages; technically, it creates a multi-column css layout.
In that context:
break-after: avoid: This is a generic property. Many e-readers ignore it because they don't know if you mean to avoid a physical page break, a region break, or a column break.
break-after: avoid-column: This is much more specific. It explicitly tells the e-reader: "Don't break the column immediately after this element." Because it's a direct instruction to the box model the e-reader is using (columns), it's usually the only one they actually respect.
Virtually any e-reader based on a web rendering engine (WebKit, Blink) uses this technique to simulate pages. The software tells the engine: "I have a container of infinite width and fixed height (the screen's width); divide it into columns the width of the screen."
If you want to explore that model of pagination, you could read:
https://deepwiki.com/readium/readium-css/3.1-pagination
https://github.com/readium/css/blob/..._pagination.md
but if you do a google search with "readium pagination and spreading" you'll have a lot of info about the subject.