Mitme veeruga paigutusega saate panna elemendid veergudega laiendama column-span.
h2 ( -webkit-column-span: all; column-span: all; )Määra column-spanmitmeveerulises paigutuses olevale elemendile, et muuta see laiuseks elemendiks. Mitmeveerulist paigutust jätkatakse järgmise mitteavatava elemendiga.
Väärtus column-spanvõib olla kas allvõi none.
Kui column-span: allsoovite, et see ulatuks üle veergude, määrake element
Atribuudi väärtus noneon laiendava elemendi kill-lüliti. Võite seda kasutada meediumipäringutega töötamisel, et käskida laienduselement katkestada.
Vaadake CodeSenil CSS-Tricksi (@ css-tricks) veeru vahemiku Pliiatsit.
Brauseri tugi
Firefox seda ei toeta column-span, kuid on olemas huvitavaid lahendusi.
Siin on mitme veeru paigutuse tugi üldiselt:
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 91 | 87 | 10 | 12 | 10 |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10,0-10,2 |
Ärge unustage oma eesliiteid!