Свойство 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>Читайте также
Свойство animation-play-state
Указывает состояние анимации. Анимацию можно поставить на паузу и после этого воспроизвести с того места, где она была остановлена....
Свойство border-bottom-right-radius
Устанавливает радиус скругления правого нижнего угла рамки.
Если рамка не задана, то скругление также происходит и с фоном....
Свойство padding-inline-start
Определяет конечный внутренний отступ элемента по строчной оси. В зависимости от значения свойства writing-mode, свойство padding-inline-start может с...
Свойство table-layout
Определяет, как браузер должен вычислять ширину ячеек таблицы, основываясь на её содержимом....