Grid-row / grid-column - CSS-triks

Anonim

Egenskapene grid-rowog grid-columndefinerer hvilken rad eller kolonne et element skal vises på.

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

Her er et eksplisitt 3 × 3 rutenett der disse egenskapene brukes til å plassere rutenett på det på bestemte steder:

I slekt

  • Den komplette guiden til rutenett
  • rutenett-mal-kolonner / rutenett-mal-rader

Nettleserstøtte

Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.

Desktop

Chrome Firefox DVS Kant Safari
57 52 11 * 16 10.1

Mobil / nettbrett

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3