beatovich: display:flex - der Standardwert und andere Begrifflichkeiten

Beitrag lesen

problematische Seite

hallo

Hallo

Genau. Die Achse befindet sich weiterhin innerhalb des Flexcontainers und wird nur optisch in mehrere Zeilen unterteilt. Von der Funktion her handelt es sich aber um eine einzige Achse.

Innerhalb eines Flexcontainers gibt es genau eine main- und eine cross-axis. Die mehrzeilige Anzeige erfolgt ja nur für die User vor den Bildschirmen. Die Achsen bleiben praktisch jedoch gleichlang, als würden sie in einer Zeile stehen.

Mein Flex-Container kann bei aktivem wrap so aussehen:

d über die ganze Zeile

| a | b | c | | d

oder d über die ganze Spalte

| a | d | b | c

Wir haben 3 Achsen.

  • Die primäre Achse wo die verteilung durch justify-content gesteuert wird.
  • Die sekundäre-Achse die durch align-items gesteuert wird.
  • Die Achse die durch wrap eingeführt wird die durch align-content gesteuert wird. Sie ist kolinear zur sekundären Achse.