CSS - align-items
Die align-items Eigenschaft setzt die Standardausrichtung für Elemente im Inneren eines flex-Container.
Beispiel
div {
align-items: center;
}
Definition und Verwendung
- Standard Wert:
- stretch
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-align-items
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 |
|---|---|
| baseline | Die Elemente werden an der Grundlinie des Behälters positioniert. |
| center | Die Elemente werden in der Mitte des Behälters positioniert. |
| flex-end | Die Elemente werden am Ende des Behälters positioniert. |
| flex-start | Die Elemente werden zu Beginn des Behälters positioniert. |
| stretch | Standard. Die Elemente werden gestreckt, um in den Behälter zu passen. |
| initial | Setzt diese Eigenschaft auf den Standardwert. |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |