Gitter-række / gitter-kolonne - CSS-tricks

Anonim

Egenskaberne grid-rowog grid-columndefinerer hvilken række eller kolonne et element skal vises på.

.element ( grid-row: 1 / 2; grid-column: 3 / -1; )

Her er et eksplicit 3 × 3 gitter, hvor disse egenskaber bruges til at placere gitterelementer på det på bestemte steder:

Relaterede

  • Den komplette guide til gitter
  • gitter-skabelon-kolonner / gitter-skabelon-rækker

Browsersupport

Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.

Desktop

Chrome Firefox IE Edge Safari
57 52 11 * 16 10.1

Mobil / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3