CSS - align-content
Die align-content Eigenschaft ändert das Verhalten der Flex-Wrap-Eigenschaft.
Beispiel
div { align-content: center; }
Definition und Verwendung
- Standard Wert:
- stretch
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Nein
- -webkit-:
- -webkit-align-content
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 |
---|---|
center | Zeilen sind in die Mitte des Flex-Behälter gepackt. |
flex-end | Zeilen werden an das Ende des Flex-Behälter gepackt. |
flex-start | Zeilen werden an den Anfang des Flex-Behälter gepackt. |
space-around | Zeilen werden in dem Flex-Behälter, mit halber Größe des Raums an beiden Enden gleichmäßig verteilt. |
space-between | Zeilen werden in dem Flex-Behälter gleichmäßig verteilt. |
stretch | Standardwert. Zeilen strecken, um den verbleibenden Platz einzunehmen. |
initial | Setzt diese Eigenschaft auf den Standardwert. |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |