CSS - justify-content

Die justify-content Eigenschaft richtet die flexiblen Container Elemente aus, wenn die Elemente auf der Hauptachse (horizontal) nicht den gesamten verfügbaren Platz verwenden.

Beispiel

div {
    justify-content: space-around;
}

Definition und Verwendung

Standard Wert:: flex-start
CSS Version:: CSS3
Vererbt sich:: Nein
Animierbar:: Nein
-webkit-:: -webkit-justify-content
-moz-:: -moz-justify-content

Browser Unterstützung

Chrome Nein

Firefox Nein

Safari Nein

Opera Nein

Edge Nein

IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert	Beschreibung
center	Elemente werden zentriert im Behälter positioniert.
flex-end	Elemente werden am Ende des Behälters positioniert.
flex-start	Standardwert. Elemente werden zu Beginn des Behälters positioniert.
space-around	Die Elemente werden mit Abstand zwischen und nach den Zeilen positioniert.
space-between	Die Elemente werden mit einem Abstand zwischen den Linien positioniert.
initial	Setzt diese Eigenschaft auf den Standardwert.
inherit	Erbt diese Eigenschaft von seinem übergeordneten Element.