tas2580
Blog über Webentwicklung

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.