Ako vam je potreban točan broj stupaca pri dizajniranju izgleda više stupaca, upotrijebite column-count.
.lead ( column-count: 3; )S obzirom na broj stupaca, preglednik će ravnomjerno distribuirati sadržaj u točno tom broju stupaca.
Ovo se svojstvo također može koristiti u skraćenici za columnsi može se koristiti zajedno s column-width. Kada su deklarirana oba svojstva, column-countmaksimalan je broj stupaca.
Vrijednosti
column-countmože biti autoili cijeli broj.
Koristite autoako i vi koristite column-width. Shvatite to kao način da kažete pregledniku da column-widthpreuzme vodeću ulogu.
Cijeli broj, poznat i kao broj stupaca, mora biti veći ili jednak 0.
Za razliku od column-widthovog svojstva, zadržat će broj stupaca bez obzira na širinu preglednika. To znači da ako ste na svom mobilnom telefonu izvukli raspored s 5 stupaca, imat ćete vrlo zgužvan raspored s 5 stupaca za navigaciju. column-countnajbolje funkcionira uz column-width.
Podrška preglednika
Podrška za raspored više stupaca:
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | 3+ | 1,5+ | 11,1+ | 10+ | 81 | 3,2+ |
Ne zaboravite na svoje prefikse ako već ne upotrebljavate alat koji u tome pomaže.