Mřížkový řádek / mřížkový sloupec - Triky CSS

Anonim

Vlastnosti grid-rowa grid-columndefinují, na kterém řádku nebo sloupci bude prvek zobrazen.

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

Zde je explicitní mřížka 3 × 3, kde se tyto vlastnosti používají k umístění položek mřížky na konkrétní místa:

Příbuzný

  • Kompletní průvodce mřížkou
  • grid-template-columns / grid-template-riadky

Podpora prohlížeče

Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.

plocha počítače

Chrome Firefox TJ Okraj Safari
57 52 11 * 16 10.1

Mobilní / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3