In a world where an auto column-height means that the content-box size of the multicol container should be used, it follows that the content of the columns on each row need to be balanced (if column-fill is balance). But what about the height of the columns and rows? If there's not enough content to fill the columns, should they still become as tall as used column-height.
Example:
<!DOCTYPE html>
<style>
.mc {
column-count: 2;
column-height: 100px;
column-wrap: wrap;
}
.mc > div > div {
break-after: column;
}
</style>
<div class="mc">
<div style="background:cyan;">
<div>First column</div>
<div>Second column</div>
<div>Third column</div>
<div>Fourth column</div>
<div>Fifth column</div>
</div>
</div>Should it look like this? (option 1)
Or this? (option 2)
Or maybe this? (option 3)
@rachelandrew
In a world where an auto
column-heightmeans that the content-box size of the multicol container should be used, it follows that the content of the columns on each row need to be balanced (ifcolumn-fillisbalance). But what about the height of the columns and rows? If there's not enough content to fill the columns, should they still become as tall as usedcolumn-height.Example:
Should it look like this? (option 1)
Or this? (option 2)
Or maybe this? (option 3)
@rachelandrew