Style justifyContent Eigenschaft

Definition und Verwendung

Wenn die Projekte den gesamten verfügbaren Raum der Hauptachse (horizontale) nicht verwenden justifyContent Stellen Sie die Elemente des elastischen Containers ausgerichtet.

Hinweis:Verwenden Sie alignContent Stellen Sie die Elemente auf der Horizontalen (vertikalen) Achse ausgerichtet.

Weitere Informationen:

CSS Referenzhandbuch:justify-content Eigenschaft

Beispiel

Einige Abstände zwischen den Projekten des elastischen <div>-Elements freihalten:

document.getElementById("main").style.justifyContent = "space-between";

Versuchen Sie es selbst

Syntax

Rückgabe der justifyContent Eigenschaft:

object.style.justifyContent

Setzen Sie die justifyContent Eigenschaft:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Eigenschaftswert

Wert Beschreibung
flex-start Standardwert. Elemente befinden sich am Anfang des Containers.
flex-end Elemente befinden sich am Ende des Containers.
center Elemente befinden sich in der Mitte des Containers.
space-between Raum für Elemente zwischen den Zeilen freihalten.
space-around Raum für Elemente vor, zwischen und nach den Zeilen freihalten.
initial Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial.
inherit Diese Eigenschaft von ihrem Elternelement erben. Siehe inherit.

Technische Details

Standardwert: flex-start
Rückgabewert: Zeichenkette, die den justify-content Eigenschaft.
CSS Version: CSS3

Browserunterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 12.0 Unterstützt 9.0 Unterstützt

Verwandte Seiten

HTML DOM STYLE Referenzhandbuch:alignContent Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignItems Eigenschaft

HTML DOM STYLE Referenzhandbuch:alignSelf-Eigenschaft