Kui vajate mitme veeruga paigutuse kujundamisel täpset arvu veerge, kasutage column-count
.
.lead ( column-count: 3; )
Arvestades veergude arvu, jaotab brauser sisu ühtlaselt täpselt selles veergude arvus.
Seda omadust saab kasutada ka lühikirjas columns
ja seda saab kasutada koos sellega column-width
. Kui mõlemad omadused on deklareeritud, column-count
on maksimaalne veergude arv.
Väärtused
column-count
võib olla auto
täisarv.
Kasutage, auto
kui kasutate ka column-width
. Mõelge sellele kui viisist brauserile öelda, et column-width
juhtima asuda.
Täisarv, mida nimetatakse ka veergude arvuks, peab olema suurem või võrdne 0-ga.
Erinevalt column-width
sellest omadusest hoiab veergude arv sõltumata brauseri laiusest. See tähendab, et kui tõmbasite oma mobiiltelefoni 5-veerulise paigutuse, on teil navigeerimiseks väga jaotatud 5-veeruline paigutus. column-count
töötab kõige paremini koos column-width
.
Brauseri tugi
Mitme veeruga paigutuse tugi:
Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
Ükskõik | 3+ | 1,5+ | 11,1+ | 10+ | 81 | 3,2+ |
Ärge unustage oma eesliiteid, kui te ei kasuta tööriista, mis seda juba aitab.