Ruudukkorivi / ruudukkosarake - CSS-temppuja

Anonim

grid-rowJa grid-columnominaisuudet määrittää, mitä rivin tai sarakkeen elementti näkyy.

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

Tässä on selkeä 3 × 3-ruudukko, jossa näitä ominaisuuksia käytetään ruudukon kohteiden sijoittamiseen siihen tiettyihin paikkoihin:

Liittyvät

  • Ruudukon täydellinen opas
  • ruudukko-malli-sarakkeet / ruudukko-malli-rivit

Selaimen tuki

Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.

Työpöytä

Kromi Firefox IE Reuna Safari
57 52 11 * 16 10.1

Matkapuhelin / tabletti

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3