Sarakemäärä - CSS-temppuja

Anonim

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ä columnsja sitä voidaan käyttää yhdessä column-width. Kun molemmat ominaisuudet ilmoitetaan column-count, sarakkeiden enimmäismäärä.

Arvot

column-countvoi olla autotai kokonaisluku.

Käytä, autojos käytät myös column-width. Ajattele sitä tapana kertoa selaimelle, jotta column-widthjohtoasema otettaisiin.

Luvun, joka tunnetaan myös nimellä sarakkeiden lukumäärä, on oltava suurempi tai yhtä suuri kuin 0.

Toisin kuin column-widthtä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-counttoimii 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ä.