Verständnis des Unterschieds zwischen grid-template und grid-auto

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ire Aderinokun:

Innerhalb eines Grid-Containers gibt es Grid-Zellen. Jede Zelle, die mit den grid-template-* Eigenschaften positioniert und dimensioniert wird, ist Teil des expliziten Grids. Jede Grid-Zelle, die nicht mit dieser Eigenschaft positioniert/dimensioniert wird, ist stattdessen Teil des impliziten Grids.

Das Verständnis von expliziten und impliziten Grids ist mächtig. Dies ist meine kurze Zusammenfassung

  • Explizit: Sie definieren ein Grid und platzieren Elemente genau dort, wo Sie sie haben möchten.
  • Implizit: Sie definieren ein Grid und lassen Elemente dort hineinfallen, wo sie können.

Grids können beides sein!

Direkter Link →