Referenz:CSS/Eigenschaften/grid-auto-flow

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft grid-auto-flow CSS 3.0
Beschreibung Die grid-auto-flow-Eigenschaft legt fest, wie sich autoplaced Inhalte des Rasters im Grid verteilen
erlaubte Werte
  • row
  • column
  • dense: optionaler Zusatzwert, der einen auto-placement algorithm zum dichteren Packen der Grid Items verwendet
default-Wert
  • row
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • Edge
  • Opera
  • Safari
Spezifikation W3c logo klein.gif grid-auto-flow
Beispiel
body {
  grid-auto-flow: row dense; 
}

Durch das Schlüsselwort dense wird der Algorithmus so geändert, dass die vorher leeren Bereiche durch im Markup hinten stehende Elemente aufgefüllt werden.

Beachten Sie
Tipp

{{{Tipp}}}