column-fill

The column-fill CSS property controls how an element’s contents are balanced when broken into columns.

Values: This property is specified as one of the following keyword values:

Values: auto Columns are filled sequentially. Content takes up only the room it needs, possibly resulting in some columns remaining empty. balance 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. This is the default value.

Values: The specification defines a balance-all value, in which content is equally divided between columns in fragmented contexts, such as paged media. This value is not yet supported in any browser.

Syntax example: column-fill: auto;