Den grid-row
och grid-column
egenskaperna definierar vilken rad eller kolumn ett element kommer att visas på.
.element ( grid-row: 1 / 2; grid-column: 3 / -1; )
Här är ett tydligt 3 × 3-rutnät där dessa egenskaper används för att placera rutnätobjekt på det på specifika platser:
Relaterad
- Den kompletta guiden till rutnät
- rutmall-kolumner / rutmall-rader
Webbläsarstöd
Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.
Skrivbord
Krom | Firefox | IE | Kant | Safari |
---|---|---|---|---|
57 | 52 | 11 * | 16 | 10.1 |
Mobil / surfplatta
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 10.3 |