Anwendung

Bei dem Flex Container wird das Flexbox CSS-Layoutmodell benutzt. Dies dient der Anordnung, Ausrichtung und Verteilung von Elementen. Hierbei wird zwischen Parametern am Elternelement und den Kindelementen unterschieden.

Bei der Positionierung wird von einer absoluten Positionierung auf eine relative Positionierung gewechselt. Hierdurch lassen sich Responsive Ansätze einfacher realisieren.

Sample:

Einstellung der Eigenschaft “Flex Layout”

{
  "alignItems": "Center",
  "justifyContent": "Space-Evenly"
}