Griglia-riga / griglia-colonna - Trucchi CSS

Anonim

Le proprietà grid-rowe grid-columndefiniscono su quale riga o colonna verrà visualizzato un elemento.

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

Ecco una griglia 3 × 3 esplicita in cui queste proprietà vengono utilizzate per posizionare gli elementi della griglia su di essa in punti specifici:

Relazionato

  • La guida completa alla griglia
  • griglia-modello-colonne / griglia-modello-righe

Supporto browser

Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.

Desktop

Cromo Firefox IE Bordo Safari
57 52 11 * 16 10.1

Mobile / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3