English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS-параметр column-fill определяет, как длина колонок в многоколонном элементе влияет на поток контента. В многоколонном макете контент равномерно распределен, что означает, что высота контента во всех колонках будет одинаковой, или при использовании значения auto, колонки будут занимать только пространство, необходимое для контента.
В таблице приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | balance |
|---|---|
| Для: | Элементы многостраничного выравнивания |
| Инheritance: | Нет |
| Анимируемо: | Нет Свойства анимации. |
| Версия: | Новые возможности CSS3 |
| Грамматика JavaScript: | object.style.columnFill="auto" |
Грамматика этого свойства такова:
column-fill: auto | balance | initial | inherit
Ниже приведен пример использования свойства column-fill.
p {
-moz-column-fill: auto; /* Firefox */
column-fill: auto;
}Проверьте, посмотрите <‹/›>В таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| auto | Постепенное заполнение колонок, чтобы длина колонок могла быть разной, в зависимости от значений других свойств колонок. |
| balance | Заполнение колонок по порядку, чтобы как можно лучше выровнять высоту колонок в зависимости от значений других свойств колонок. |
| initial | Установите этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства column-fill родителя. |
Совместимость браузеров с свойством column-fill, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; в настоящее время только браузер Firefox поддерживает это свойство.
|
Узнайте больше из следующих руководств:CSS3 многостраничное выравнивание.
Связанные свойства:column-width,column-gap,column-rule,column-rule-width,column-rule-style,column-rule-color,column-span,column-count,columns.