Re: [csswg-drafts] [css-multicol] Improve column-fill example 26 and example 27 (#3700)

> If columns are balanced, user agents should try to minimize variations in column height, **while honoring** forced breaks, **widows and orphans**, and other properties that may affect column heights.

coming from [§7. Filling columns ](https://drafts.csswg.org/css-multicol-1/#filling-columns)

[Column-fill: balance Example 26 with 2 line boxes](http://www.gtalbot.org/BrowserBugsSection/CSS3Multi-Columns/column-fill-balance-Example-26-with-2-line-boxes.html)

Your codepen example uses `height: 25px` while I use `height: auto`.

In your codepen example, as soon as content height of multicolumn container is set to 42px (or greater) instead of 25px, then the effect of `orphans: 2` occurs (you must use Chromium 73+ or even Opera 12.16 to see such effect). 42px means there is enough vertical space for the 2 line boxes: in which case `orphans: 2` can have an effect in such situation.

> the property column-fill is only consulted if the height is other than auto in continuous contexts.

Is this the case? Where does the spec state this?


-- 
GitHub Notification of comment by TalbotG
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3700#issuecomment-497464556 using your GitHub account

Received on Thursday, 30 May 2019 19:58:52 UTC