Koristite kada želite zadržati stupce na određenoj širini column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Preglednik će izračunati koliko stupaca barem te širine može stati u prostor. Zamislite column-widthkao prijedlog minimalne širine za preglednik.
column-widthje fleksibilno svojstvo. Jednom kada preglednik ne može smjestiti najmanje 2 stupca na vašu navedenu širinu, stupci će se zaustaviti i spustiti u jedan stupac.
Ovo se svojstvo također koristi u skraćenici za columnsi može se koristiti zajedno s column-count. Kada su deklarirana oba svojstva, column-countmaksimalan je broj stupaca.
Vrijednosti
Možete postaviti column-widthna autoili duljinu.
Koristite autoako također koristite column-countili ako trebate isključiti svojstvo. Shvatite to kao način na koji ćete pregledniku reći da column-countpreuzme vodstvo.
Da biste odredili širinu stupaca, upotrijebite duljinu veću od (ili jednaku) 0. Možete koristiti bilo koju CSS jedinicu, osim postotka.
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+ | 2.3+ | 6.1+ |
Ne zaboravite svoje prefikse!