Користите када желите да колоне имају одређену ширину column-width
.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )
Прегледач ће израчунати колико колона најмање те ширине може да стане у простор. Схватите то column-width
као предлог за минималну ширину прегледача.
column-width
је флексибилно својство. Једном када прегледач не може да стане најмање 2 колоне на вашу наведену ширину, колоне ће се зауставити и спустити у једну колону.
Ово својство се такође користи у скраћеници за columns
и може се користити заједно са column-count
. Када су обе особине декларисане column-count
, максималан је број колона.
Вредности
Можете да подесите column-width
на auto
или дужину.
Користите auto
ако такође користите column-count
или ако требате да искључите имовину. Схватите то као начин да кажете прегледачу да column-count
преузме вођство.
Да бисте одредили ширину колона, користите дужину већу од (или једнаку) 0. Можете да користите било коју ЦСС јединицу осим процента.
Подршка прегледача
Подршка за распоред више колона:
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
Било који | 3+ | 1.5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Не заборавите на своје префиксе!