Režģa rinda / režģa kolonna - CSS-triki

Anonim

grid-rowUn grid-columnīpašības noteikt, kas rinda vai kolonna tiks parādīts uz elements.

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

Šeit ir skaidri izteikts 3 × 3 režģis, kur šie rekvizīti tiek izmantoti, lai uz tā izvietotu režģa elementus noteiktās vietās:

Saistīts

  • Pilnīgs režģa ceļvedis
  • grid-template-kolonnas / grid-template-rindas

Pārlūka atbalsts

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
57 52 11 * 16 10.1

Mobilais / planšetdators

Android Chrome Android Firefox Android iOS Safari
88 85 81. 10.3