Kun haluat pitää sarakkeet tietyllä leveydellä, käytä column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Selain laskee, kuinka monta vähintään kyseisen leveyden saraketta mahtuu tilaan. Ajattele column-widthselaimen vähimmäisleveysehdotukseksi.
column-widthon joustava ominaisuus. Kun selain ei mahdu vähintään kahteen sarakkeeseen määritetyllä leveydellä, sarakkeet pysähtyvät ja putoavat yhteen sarakkeeseen.
Tätä ominaisuutta käytetään myös lyhenteessä columnsja sitä voidaan käyttää yhdessä column-count. Kun molemmat ominaisuudet ilmoitetaan column-count, sarakkeiden enimmäismäärä.
Arvot
Voit asettaa column-widthon autotai pituuteen.
Käytä, autojos käytät myös column-counttai jos haluat sammuttaa ominaisuuden. Ajattele sitä tapana käskeä selainta antamaan column-countjohtoasema.
Määritä sarakkeiden leveys käyttämällä pituutta, joka on suurempi (tai yhtä suuri kuin) 0. Voit käyttää mitä tahansa CSS-yksikköä lukuun ottamatta prosenttiosuutta.
Selaimen tuki
Usean sarakkeen asettelun tuki:
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | 3+ | 1,5+ | 11.1+ | 10+ | 2.3+ | 6.1+ |
Älä unohda etuliitteitäsi!