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

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

CSS синтаксис

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

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

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

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

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


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