Ha oszlopait meghatározott szélességben szeretné tartani, használja a column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )A böngésző kiszámítja, hogy legalább ekkora szélességű oszlop hány fér el a térben. Gondoljon column-widtha böngésző minimális szélességére vonatkozó javaslatra.
column-widthrugalmas tulajdonság. Ha a böngésző nem fér el legalább 2 oszlopban a megadott szélességben, akkor az oszlopok leállnak és egyetlen oszlopba kerülnek.
Ezt a tulajdonságot a gyorsírásban is használják, columnsés vele együtt használható column-count. Mindkét tulajdonság deklarálásakor column-countaz oszlopok maximális száma.
Értékek
Beállíthatjuk column-width, hogy autovagy a hossza.
Használja, autoha Ön is használja, column-countvagy ha ki kell kapcsolnia az ingatlant. Gondoljon rá úgy, hogy azt mondja a böngészőnek, hogy engedje column-countát a vezetést.
Az oszlopok szélességének megadásához használjon 0-nál nagyobb (vagy azzal egyenlő) hosszúságot. A százalék kivételével bármely CSS egységet használhat.
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+ | 2.3+ | 6.1+ |
Ne felejtsd el az előtagjaidat!