Flex-Box

[franzsen]

@@franzsen

Ist das so gewünscht, daß mit flexbox alle die gleiche Höhe haben?

Ich sagte doch schon, dass stretch der Defaultwert für die Eigenschaft align-items ist.

Das heißt, beim Defaultwert row für die Eigenschaft flex-direction haben die Flexitems die gleiche Höhe.

Beim Wert column hätten alle die gleiche Breite.

Und wie stelle ich unterschiedliche Höhen ein? Für flex-direction gibt es nur die Möglichkeit der Ausrichtung:

stretch: (Standardwert) Alle Elemente werden gleichmäßig verteilt, ein möglicher Abstand zwischen den Elementen und nach dem letzten Element ist gleich
flex-start: Alle Elemente werden oben angeordnet
flex-end: Alle Elemente werden unten angeordnet
center: Alle Elemente werden mittig angeordnet, ein möglicher Abstand ist oben und unten
baseline: Alle Elemente werden an der Grundlinie des Eltern-Containers ausgerichtet
initial
inherit

andererseits gibt es dazu keine verständlichen Anleitungen. Auch hier vermisse ich entsprechende Beispiele.

Was genzu verstehst du am Complete Guide to Flexbox nicht?

Und dass es da keine Beispiele gäbe, stimmt auch nicht.

Das ist noch zu verwirrend. Wahrscheinlich weil ich es gewohnt bin mit CSS3 einzeln zu gestalten.