Користите када желите да колоне имају одређену ширину 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+ |
Не заборавите на своје префиксе!