Ruudustik-rida / ruudustik-veerg - CSS-trikid

Anonim

grid-rowJa grid-columnomadused määratleda, mis rea või veeru element kuvatakse.

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

Siin on selgesõnaline 3 × 3 ruudustik, kus neid omadusi kasutatakse ruudustikuüksuste paigutamiseks sellele konkreetsetes kohtades:

Seotud

  • Võrgu täielik juhend
  • ruudustik-mall-veerud / ruudustik-mall-read

Brauseri tugi

Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.

Töölaud

Chrome Firefox IE Edge Safari
57 52 11 * 16 10.1

Mobiil / tahvelarvuti

Android Chrome Android Firefox Android iOS-i Safari
88 85 81 10.3