Jos tarvitset tarkan määrän sarakkeita, kun suunnittelet monisarakkeista asettelua, käytä column-count
.
.lead ( column-count: 3; )
Sarakkeiden lukumäärän perusteella selain jakaa sisällön tasaisesti täsmälleen siihen sarakemäärään.
Tätä ominaisuutta voidaan käyttää myös lyhenteessä columns
ja sitä voidaan käyttää yhdessä column-width
. Kun molemmat ominaisuudet ilmoitetaan column-count
, sarakkeiden enimmäismäärä.
Arvot
column-count
voi olla auto
tai kokonaisluku.
Käytä, auto
jos käytät myös column-width
. Ajattele sitä tapana kertoa selaimelle, jotta column-width
johtoasema otettaisiin.
Luvun, joka tunnetaan myös nimellä sarakkeiden lukumäärä, on oltava suurempi tai yhtä suuri kuin 0.
Toisin kuin column-width
tämä ominaisuus, siinä on sarakemäärä selaimen leveydestä riippumatta. Tämä tarkoittaa, että jos vedit 5-sarakkeisen asettelun matkapuhelimeesi, sinulla on hyvin viistetty 5-sarakkeinen ulkoasu navigointiin. column-count
toimii parhaiten rinnalla column-width
.
Selaimen tuki
Usean sarakkeen asettelun tuki:
Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
---|---|---|---|---|---|---|
Minkä tahansa | 3+ | 1,5+ | 11.1+ | 10+ | 81 | 3.2+ |
Älä unohda etuliitteitäsi, jos et käytä työkalua, joka auttaa jo siinä.