Többoszlopos elrendezésben az elemeket az oszlopok közötti kiterjesztésre késztetheti column-span.
h2 ( -webkit-column-span: all; column-span: all; )Rendeljen column-spanhozzá egy elemet a több oszlopos elrendezésen belül, hogy átívelő elem legyen belőle. A több oszlopos elrendezés a következő, nem átívelő elemmel folytatódik.
A értéke column-spanlehet allvagy none.
Állítson be egy elemet a column-span: allgombbal, hogy az az oszlopok között legyen.
A nonetulajdonság értéke egy átfogó elem kill kapcsolója. Ezt akkor használhatja, ha média lekérdezésekkel mondja el a fesztávolság elemnek, hogy állítsa le a fesztávolságot.
Lásd a CSS-Tricks (@ css-tricks) Toll oszlopfesztávolságú példáját a CodePen-en.
Böngésző támogatás
A Firefox ezt nem támogatja column-span, de vannak érdekes megoldások.
A több oszlopos elrendezés támogatása azonban általában:
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 91. | 87 | 10. | 12. | 10. |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 10.0-10.2 |
Ne felejtsd el az előtagjaidat!