Într-un aspect cu mai multe coloane, puteți face ca elementele să se extindă pe coloane cu column-span.
h2 ( -webkit-column-span: all; column-span: all; )Alocați column-spanunui element din interiorul aspectului cu mai multe coloane pentru a-l face un element care se întinde. Aspectul cu mai multe coloane va fi reluat cu următorul element care nu cuprinde.
Valoarea lui column-spanpoate fi allsau none.
Setați un element column-span: allpentru a face să se întindă pe coloane.
Valoarea noneproprietății este comutatorul kill pentru un element care se întinde. S-ar putea să utilizați acest lucru atunci când lucrați cu interogări media pentru a spune elementului de extindere să oprească extinderea.
Vedeți exemplul Pen-span coloană de CSS-Tricks (@ css-tricks) pe CodePen.
Suport pentru browser
Firefox nu acceptă acest lucru column-span, dar există soluții interesante.
Iată, totuși, suportul pentru aspectul cu mai multe coloane:
Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.
Desktop
| Crom | Firefox | IE | Margine | Safari |
|---|---|---|---|---|
| 91 | 87 | 10 | 12 | 10 |
Mobil / Tabletă
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 81 | 10.0-10.2 |
Nu uitați prefixele!