Grid-row / grid-column - CSS-tricks

Anonim

Den grid-rowoch grid-columnegenskaperna 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