Quote:
Originally Posted by jhowell
The "float" CSS property now supports the value "snap-block". I do not understand it fully yet, but it seems to allow improved text flow around images. More info at W3C CSS Page Floats. |
Also see:
https://www.pagedmedia.org/page-floats/
for some other graphics/explanations.
CSS
float: snap-block looks to be similar to Prince's
float: top or
float: bottom.
float: top/bottom will float itself to that edge no matter what.
snap-block will approximately say:
"If it's within X distance of the top/bottom edge of the page, float to the edge. If it's in the middle of the page, don't float to top/bottom."
* * *
These types of floats are very helpful in Non-Fiction for Figures, where an image+caption should be stuck together, but location doesn't have to be smack dab in that EXACT location in the text:
Example: "See Figure 14, where the red line is nearly half the blue."
As long as Figure 14 is on the same page or close by (within a screen or two), top/middle/bottom, it doesn't matter.
Currently, if a Figure needs 1/3rd of the screen, but there's only a 25% space at the bottom of a page... the page will just have a huge blank spot. This'll make sure that 25% gap gets full of text, and the float takes up the nearest available location.
