Kui soovite veerud kindla laiusega hoida, kasutage column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Brauser arvutab, mitu vähemalt selle laiusega veergu ruumi mahub. Mõelge column-widthsellele kui brauseri minimaalse laiuse soovitusele.
column-widthon paindlik vara. Kui brauser ei mahu teie määratud laiusele vähemalt 2 veergu, peatuvad veerud ja langevad ühte veergu.
Seda omadust kasutatakse ka lühikirjas columnsja seda saab kasutada koos sellega column-count. Kui mõlemad omadused on deklareeritud, column-counton maksimaalne veergude arv.
Väärtused
Saate määrata column-width, et autovõi pikkus.
Kasutage, autokui kasutate ka ise column-countvõi peate vara välja lülitama. Mõelge sellest kui viisist, kuidas brauseril käskida column-countjuhtpositsioon võtta.
Veergude laiuse määramiseks kasutage pikkust, mis on suurem (või võrdne) 0. Võite kasutada mis tahes CSS-üksust, välja arvatud protsent.
Brauseri tugi
Mitme veeruga paigutuse tugi:
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ükskõik | 3+ | 1,5+ | 11,1+ | 10+ | 2.3+ | 6.1+ |
Ärge unustage oma eesliiteid!