Ако вам је потребан тачан број колона при дизајнирању распореда са више колона, користите column-count.
.lead ( column-count: 3; )С обзиром на број колона, прегледач ће равномерно дистрибуирати садржај у тачно толико колона.
Ово својство се такође може користити у скраћеници за columnsи може се користити заједно са column-width. Када су обе особине декларисане column-count, максималан је број колона.
Вредности
column-countможе бити autoили цео број.
Користите autoако и ви користите column-width. Схватите то као начин да кажете прегледачу да column-widthпреузме вођство.
Цели број, познат и као број ступаца, мора бити већи или једнак 0.
За разлику од column-widthовог својства, задржаће број колона без обзира на ширину прегледача. То значи да ако сте на свом мобилном телефону извукли распоред са 5 стубова, имат ћете врло мршав распоред са 5 стубова за навигацију. column-countнајбоље функционише упоредо column-width.
Подршка прегледача
Подршка за распоред више колона:
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Било који | 3+ | 1.5+ | 11.1+ | 10+ | 81 | 3.2+ |
Не заборавите на своје префиксе ако већ не користите алатку која вам у томе помаже.