Frage zum Wiki-Artikel „Flex-Items“

[Rolf B]

Hallo MudGuard,

ja, tatsächlich, die Box mit dem längeren Text ist größer.

Das ändert sich, wenn man eine flex-basis vergibt. Dann habe ich - in einem 849px breiten Frickl - Boxbreiten von 220.75px und 343.5px.

Das ist kein 2:1 Verhältnis, aber das ist auch nicht der Effekt von flex-grow. Statt dessen werden die Boxbreiten zunächst ohne flex-grow bestimmt. Bei Angabe einer flex-basis wird der Inhalt dabei nicht beachtet (der kann wegen langer Wörter die Box dehnen). Basierend auf diesen Boxbreiten und Margins wird der Platzbedarf bestimmt, geguckt, wieviel im Container übrig ist, und dies im flex-grow-Verhältnis auf die Boxen verteilt.

Rolf