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

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

CSS синтаксис

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

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

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

Пример

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


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