Veergude arv - CSS-trikid

Anonim

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 columnsja seda saab kasutada koos sellega column-width. Kui mõlemad omadused on deklareeritud, column-counton maksimaalne veergude arv.

Väärtused

column-countvõib olla autotäisarv.

Kasutage, autokui kasutate ka column-width. Mõelge sellele kui viisist brauserile öelda, et column-widthjuhtima asuda.

Täisarv, mida nimetatakse ka veergude arvuks, peab olema suurem või võrdne 0-ga.

Erinevalt column-widthsellest 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-counttöö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.