The column-fill CSS property controls how an element's contents are balanced when broken into columns.
|Applies to||multicol elements|
Columns are filled sequentially. Content takes up only the room it needs, possibly resulting in some columns remaining empty.
Content is equally divided between columns. In fragmented contexts, such as paged media, only the last fragment is balanced. Therefore in paged media, only the last page would be balanced.
Content is equally divided between columns. In fragmented contexts, such as paged media, all fragments are balanced.