CSS свойство column-fill

Определяет, как контент должен распределяться внутри колонок.

CSS синтаксис

column-fill: balance | auto | initial | inherit;

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

ЗначениеОписание
balanceЗначение по умолчанию. Контент равномерно распределяется между колонок. Браузер будет стараться минимизировать различие в длине колонок.
autoКолонки заполняются последовательно. Колонки будут иметь разную длину.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Опредепляем, как контент должен заполнять колонки


div {
    -moz-column-fill: auto; /* Firefox */
     column-fill: auto;
}