Свойство column-fill

Описание

Определяет количество колонок в многоколоночном тексте.

Синтаксис

column-fill: auto | balance | balance-all;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#test {
padding: 10px;
column-count: 2;
column-fill: balance-all;
}
</style>
<div id='test'>
Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.
</div>
</body>
</html>

Далеко-далеко за словесными, горами в стране гласных и согласных живут рыбные тексты. Грамматики осталось великий коварных, решила меня оксмокс океана последний правилами лучше ipsum вопрос продолжил страну снова обеспечивает строчка, напоивший над языком щеке текст моей она. Дороге правилами буквоград сбить своих.

Свойство column-fill

Описание

Синтаксис

Пример

Читайте также

Свойство caret-color

Свойство top

Свойство clip-path

Свойство grid-column

Свойство column-gap

Значение	Описание
auto	Колонки заполняются последовательно.
balance	Содержимое равномерно распределяется между колонок. При печати это правило относится только к последней странице.
balance-all	Содержимое равномерно распределяется между колонок. При печати это правило относится ко всем страницам.