Savetheinternet.png

Die EU-Urheberrechtsreform wird das Internet, wie wir es kennen, grundlegend verändern – wenn sie denn in der finalen Abstimmung angenommen wird. Das können wir aber immer noch verhindern!

Weitere Informationen: https://juliareda.eu/2019/02/artikel-13-endgueltig/

Referenz:CSS/Eigenschaften/justify-items

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft justify-items CSS 3.0
Beschreibung legt die justify-self für alle Grid Items des Grid Containers entlang der Achse der Ausrichtung fest.
erlaubte Werte
  • auto
  • normal
  • start: Alle Elemente werden verteilt, zwischen ihnen ist gleichmäßiger Abstand, das erste und letzte Element stoßen an die rechte und linke Seite des Elternelements
  • end: Alle Elemente werden verteilt, der mögliche Abstand ist sowohl zwischen den Elementen als auch zum Eltern-Container
  • flex-start:
  • flex-end:
  • self-start:
  • self-end:
  • center: Alle Elemente werden mittig angeordnet, ein möglicher Rand ist links und rechts
  • left
  • right
  • baseline
  • stretch: Größen werden gleichermaßen (nicht proportional) angepasst
  • safe
  • unsafe
  • legacy
default-Wert

legacy

anwendbar auf flexible Container (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif jusitfy-items property
Beispiel
.vorne  {
  justify-items: flex-start;
}
 
.mittig {
  justify-items: center;
}
 
.verteilt1 {
  justify-items: stretch;
}
Beachten Sie

{{{Hinweis}}}

Tipp

{{{Tipp}}}