CSS Flexbox-Generator

CSS-Flexbox-Layouts visuell generieren. Richtung, Umbruch, Ausrichtung und Abstand mit Live-Vorschau steuern.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Haufig gestellte Fragen

Was ist CSS Flexbox?

Flexbox ist ein CSS-Layout-Modell fur eindimensionale Layouts (Zeilen oder Spalten) mit leistungsstarken Ausrichtungs- und Verteilungsmoglichkeiten.

Wann sollte ich Flexbox statt Grid verwenden?

Verwenden Sie Flexbox fur eindimensionale Layouts (Navigationsleisten, Kartenreihen). Verwenden Sie Grid fur zweidimensionale Layouts (Seitenlayouts, Dashboards).

Was macht gap?

Die gap-Eigenschaft setzt den Abstand zwischen Flex-Elementen, ohne die ausseren Abstande zu beeinflussen, und ersetzt die Notwendigkeit von Margin-Hacks.