Anwendungsfälle für Flexbox

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich erinnere mich, als ich zum ersten Mal mit Flexbox zu arbeiten begann, sah die Welt für mich wie flexible Boxen aus. Es ist nicht so, dass ich vergessen hätte, wie Floats, Inline-Block oder andere Layout-Mechanismen funktionieren, ich habe mich einfach standardmäßig für Flexbox entschieden.

Jetzt, da Grid da ist und ich an Projekten arbeite, bei denen ich es frei nutzen kann, greife ich größtenteils standardmäßig zu Grid. Aber das bedeutet nicht, dass ich vergessen habe, wie Flexbox funktioniert, oder dass Grid Flexbox ersetzt – es ist einfach unglaublich nützlich. Rachel drückt es sehr gut aus.

Die Frage, ob Ihr Design Grid oder Flexbox verwenden sollte, ist so ähnlich, als würden Sie fragen, ob Ihr Design font-size oder color verwenden sollte. Sie sollten wahrscheinlich beides verwenden, je nach Bedarf. Und niemand wird Sie jagen, wenn Sie das falsche verwenden.

Ja, sie können beide einige Boxen anordnen, aber sie sind von Natur aus unterschiedlich und für verschiedene Anwendungsfälle konzipiert. Das Umbrechen von Elementen mit ungleicher Länge ist ein wichtiger Punkt, aber Rachel geht in diesem Artikel auf eine Reihe von verschiedenen Anwendungsfällen ein.

Direkter Link →