Свойствоcolumn-fill применяется к родительскому элементу, разбитому на столбцы и указывает как содержимое располагается внутри столбца (column). Если значение свойстваcolumn-fill установлено как balanced, то содержимое во всех столбцах будет иметь одинаковую высоту. В случае использования значенияauto, содержимое занимает столько пространства сколько ему потребуется.

Синтаксис

column-fill: auto;column-fill: balance;/* Значения по умолчанию */column-fill: inherit;column-fill: initial;column-fill: unset;

Значения

auto

Высота столбцов не контролируется.

balance

Разделяет содержимое на равные по высоте столбцы.

Возможные значения

column-fill =
auto|
balance|
balance-all

Примеры

.content-box {  column-count: 4;  column-rule: 1px solid black;  column-fill: balance;  height: 200px;}

Спецификации

Совместимость с браузерами