Grid-row / grid-column - CSS-Tricks

Anonim

Właściwości grid-rowi grid-columnokreślają, w którym wierszu lub kolumnie będzie wyświetlany element.

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

Oto wyraźna siatka 3 × 3, w której te właściwości są używane do umieszczania na niej elementów siatki w określonych miejscach:

Związane z

  • Kompletny przewodnik po sieci
  • grid-template-columns / grid-template-rows

Wsparcie przeglądarki

Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.

Pulpit

Chrom Firefox TO ZNACZY Brzeg Safari
57 52 11 * 16 10.1

Telefon komórkowy / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3