Stil alignItems- Eigenschaft
Beispiel
Positionieren Sie die Ausrichtungen für alle Elemente des flexiblen <div>-Elements am Anfang des Containers:
document.getElementById("main").style.alignItems = "flex-start";
Definition und Verwendung
Die Eigenschaft alignItems gibt die Standardausrichtung für Elemente innerhalb des flexiblen Containers an.
Tipp: Verwenden Sie die Eigenschaft align-self jedes Elements, um die Eigenschaft align-items zu überschreiben.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Webkit geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
alignItems | 21.0 | 11.0 | 20.0 | 9.0 7.0 Webkit |
12.1 |
Syntax
Geben Sie die Eigenschaft alignItems zurück:
object.style.alignItems
Legen Sie die Eigenschaft alignItems fest:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
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: | strecken |
---|---|
Rückgabewert: | Ein String, der die Eigenschaft align-items eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Eigenschaft align-items
HTML-DOM-STIL Referenz: alignContent-Eigenschaft
HTML-DOM-STIL Referenz: alignSelf-Eigenschaft