Ha több oszlopos elrendezés megtervezésekor pontos oszlopszámra van szüksége, használja column-count.
.lead ( column-count: 3; )Tekintettel az oszlopok számára, a böngésző egyenletesen osztja el a tartalmat pontosan annyi oszlopban.
Ez a tulajdonság a gyorsírásban columnsis használható, és vele együtt használható column-width. Mindkét tulajdonság deklarálásakor column-countaz oszlopok maximális száma.
Értékek
column-countlehet autovagy egész szám.
Használja, autoha Ön is használja column-width. Gondoljon rá arra, hogy elmondja a böngészőnek, hogy column-widthátvegye a vezetést.
Az oszlopok számának is nevezett egész számnak nagyobbnak vagy egyenlőnek kell lennie, mint 0.
Ezzel column-widtha tulajdonsággal ellentétben a böngésző szélességétől függetlenül az oszlopok száma lesz. Ez azt jelenti, hogy ha előhúzott egy 5 oszlopos elrendezést a mobiltelefonján, akkor egy nagyon megosztott 5 oszlopos elrendezéssel rendelkezik a navigáláshoz. column-counta legjobban működik együtt column-width.
Böngésző támogatás
Több oszlopos elrendezés támogatása:
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | 3+ | 1,5+ | 11.1+ | 10+ | 81. | 3.2+ |
Ne felejtse el az előtagokat, ha nem olyan eszközt használ, amely már segít ebben.