Beispiel
Positionieren Sie die Ausrichtungen für alle Elemente des flexiblen <div> Element am Anfang des Behälters:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Versuch es selber " Definition und Verwendung
Die alignItems Eigenschaft gibt die Standardausrichtung für Elemente im Inneren des flexiblen Behälters.
Tip: Verwenden Sie die align-self - Eigenschaft jedes Element der align-Elemente - Eigenschaft außer Kraft zu setzen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| alignItems | 21.0 | 11.0 | 20,0 | 7.0 Webkit | 12.1 |
Hinweis: Safari eine Alternative unterstützen, die WebkitAlignItems Eigenschaft.
Syntax
Bringen Sie die alignItems Eigenschaft:
object .style.alignItemsStellen Sie die alignItems Eigenschaft:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| stretch | Standard. Die Artikel werden gestreckt, um den Behälter passen |
| center | Die Artikel werden in der Mitte des Behälters positioniert |
| flex-start | Einzelteile werden zu Beginn des Behälters positioniert |
| flex-end | Die Elemente werden am Ende des Behälters positioniert |
| baseline | Einzelteile werden an der Grundlinie des Behälters positioniert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | strecken |
|---|---|
| Rückgabewert: | Ein String, repräsentiert das ALIGN-Elemente Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: align-items property
HTML - DOM - ART - Referenz: alignContent property
HTML - DOM - ART - Referenz: alignSelf property
<Style - Objekt