V postavitvi z več stolpci lahko elemente razširite po stolpcih z column-span.
h2 ( -webkit-column-span: all; column-span: all; )Dodelite column-spanelementu znotraj postavitve z več stolpci, da postane razpon. Postavitev več stolpcev se bo nadaljevala z naslednjim neobsegajočim elementom.
Vrednost column-spanlahko je allali none.
Z elementom nastavite, column-span: allda bo obsegal stolpce.
Vrednost nonelastnosti je stikalo kill za raztezajoči se element. To lahko uporabite pri delu z medijskimi poizvedbami, da elementu, ki se razteza, pove, da preneha.
Oglejte si primer razpona stolpca Pen s strani CSS-Tricks (@ css-tricks) na CodePen.
Podpora za brskalnik
Firefox tega ne podpira column-span, vendar obstajajo zanimive rešitve.
Tu je na splošno podpora za postavitev več stolpcev:
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 91 | 87 | 10. | 12. | 10. |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10,0-10,2 |
Ne pozabite na svoje predpone!