User Avatar

Свойство 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>

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

Свойство border-bottom-color

Устанавливает цвет нижней границы элемента....

Стиль элемента при наведении на него курсора мыши

Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....

Стиль выделенного пользователем текста

Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей допускается использовать следующие свойства: color, ba...

Свойство backface-visibility

Определяет, показывать обратную сторону элемента или нет. Как правило, обратная сторона становится видна при трансформации элемента, например, при его...