Stil justifyContent- Eigenschaft
Beispiel
Machen Sie etwas Platz zwischen den Elementen des flexiblen <div>-Elements:
document.getElementById("main").style.justifyContent = "space-between";
Definition und Verwendung
Die justifyContent-Eigenschaft richtet die Elemente des flexiblen Containers aus, wenn die Elemente nicht den gesamten verfügbaren Platz auf der Hauptachse (horizontal) verwenden.
Tipp: Verwenden Sie die Eigenschaft alignContent, um die Elemente auf der Querachse (vertikal) auszurichten.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
justifyContent | Yes | 12.0 | Yes | 9.0 | Yes |
Syntax
Geben Sie die Eigenschaft justifyContent zurück:
object.style.justifyContent
Legen Sie die justifyContent-Eigenschaft fest:
object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
flex-start | Default value. Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
center | Items are positioned at the center of the container |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Flexstart |
---|---|
Rückgabewert: | Ein String, der die Justify-Content-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: justify-content-Eigenschaft
HTML-DOM-STIL Referenz: alignContent-Eigenschaft
HTML-DOM-STIL Referenz: alignItems-Eigenschaft
HTML-DOM-STIL Referenz: alignSelf-Eigenschaft
❮ Style-Objekt