Jei kuriant kelių stulpelių išdėstymą jums reikia tikslaus stulpelių skaičiaus, naudokite column-count.
.lead ( column-count: 3; )Atsižvelgiant į stulpelių skaičių, naršyklė tolygiai paskirstys turinį tiksliai tokiu stulpelių skaičiumi.
Ši savybė taip pat gali būti naudojama stenografijoje columnsir gali būti naudojama kartu su column-width. Kai deklaruojamos abi savybės, yra column-countdidžiausias stulpelių skaičius.
Vertybės
column-countgali būti autoarba sveikasis skaičius.
Naudokite, autojei taip pat naudojate column-width. Pagalvokite apie tai kaip apie būdą pasakyti naršyklei, kad column-widthimtųsi lyderio vaidmens.
Sveikasis skaičius, taip pat žinomas kaip stulpelių skaičius, turi būti didesnis arba lygus 0.
Skirtingai nei column-widthši nuosavybė, bus stulpelių skaičius, neatsižvelgiant į naršyklės plotį. Tai reiškia, kad jei mobiliajame telefone pasirinkote 5 stulpelių išdėstymą, turėsite naršyti labai suskaidytą 5 stulpelių išdėstymą. column-countgeriausiai veikia kartu column-width.
Naršyklės palaikymas
Kelių stulpelių išdėstymo palaikymas:
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| Bet koks | 3+ | 1,5 ir daugiau | 11.1+ | 10+ | 81 | 3.2+ |
Nepamirškite priešdėlių, jei nenaudojate įrankio, kuris jau padeda tai padaryti.