Свойство column-fill
Описание
Определяет количество колонок в многоколоночном тексте.
Синтаксис
column-fill: auto | balance | balance-all;Подробности
| Значение | Описание |
| 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>Читайте также
Свойство backdrop-filter
Позволяет использовать визуальные эффекты. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон ...
Свойство background-attachment
Устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента или нет.
Изображение может быть зафиксировано и остават...
Свойство animation-duration
Устанавливает время длительности анимации....
Свойство scroll-behavior
Определяет поведение прокрутки внутри элемента — плавная прокрутка или мгновенный переход....