Gitterzeile / Gitterspalte - CSS-Tricks

Anonim

Die Eigenschaften grid-rowund grid-columndefinieren, in welcher Zeile oder Spalte ein Element angezeigt wird.

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

Hier ist ein explizites 3 × 3-Raster, in dem diese Eigenschaften verwendet werden, um Rasterelemente an bestimmten Stellen darauf zu platzieren:

verbunden

  • Der vollständige Leitfaden zum Raster
  • Raster-Vorlagen-Spalten / Raster-Vorlagen-Zeilen

Browser-Unterstützung

Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.

Desktop

Chrom Feuerfuchs IE Kante Safari
57 52 11 * 16 10.1

Handy / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 81 10.3