Свойство column-fill
применяется к родительскому элементу, разбитому на столбцы и указывает как содержимое располагается внутри столбца (column). Если значение свойства column-fill
установлено как balanced, то содержимое во всех столбцах будет иметь одинаковую высоту. В случае использования значения auto
, содержимое занимает столько прострванства сколько ему потребуется.
column-fill: auto;
column-fill: balance;
column-fill: inherit;
column-fill: initial;
column-fill: unset;
auto
- Высота столбцов не контролируется.
balance
- Разделяет содержимое на равные по высоте столбцы.
auto | balance | balance-all
.content-box {
column-count: 4;
column-rule: 1px solid black;
column-fill: balance;
height: 200px;
}
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
Basic support |
(Да) |
13.0 (13.0)-moz |
? |
? |
? |
Feature |
Android |
Android Webview |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
Chrome for Android |
Basic support |
? |
(Да) |
13.0 (13.0)-moz |
? |
? |
? |
(Да) |