Jei norite, kad stulpeliai būtų tam tikro pločio, naudokite column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Naršyklė apskaičiuos, kiek bent tokio pločio stulpelių telpa erdvėje. Pagalvokite apie column-widthminimalaus naršyklės pločio pasiūlymą.
column-widthyra lanksti savybė. Kai naršyklė negali sutalpinti mažiausiai 2 stulpelių jūsų nurodytu pločiu, stulpeliai sustos ir nukris į vieną stulpelį.
Ši savybė taip pat naudojama stenografijoje columnsir gali būti naudojama kartu su column-count. Kai deklaruojamos abi savybės, yra column-countdidžiausias stulpelių skaičius.
Vertybės
Galite nustatyti column-width, kad autoar ilgio.
Naudokite, autojei taip pat naudojatės column-countarba turite išjungti nuosavybę. Pagalvokite apie tai kaip apie būdą pasakyti naršyklei, kad ji column-countimtųsi lyderio pozicijos.
Norėdami nurodyti stulpelių plotį, naudokite ilgį, didesnį nei (arba lygus) 0. Galite naudoti bet kurį CSS vienetą, išskyrus procentą.
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+ | 2.3+ | 6.1+ |
Nepamirškite priešdėlių!