CSS-Flexbox-Generator
Erstelle Flex-Layouts visuell.
Layout-Rezepte (10 Voreinstellungen)
Ausgewählte Kindereinstellungen
Auch versuchen: CSS-Grid-Generator · CSS-Verlaufsgenerator · CSS-Boxschatten-Generator.
Ein Flex-Layout visuell erstellen
Wählen Sie ein Rezept oder passen Sie die Steuerelemente an – die Vorschau wird live aktualisiert. Kopieren Sie die .container-Regel in Ihr Stylesheet.
FAQ
Was generiert es?
Eine kopierfertige Flex-Regel für .container mit Richtung, Ausrichtung, Umbruch und gap – plus Live-Vorschau mit anpassbarer Anzahl von Kindelementen.
Was sind Layout-Rezepte?
Zehn Voreinstellungen mit einem Klick: Navigationsleiste, zentrierter Hero-Bereich, Kartenzeile, Seitenleisten-Grundgerüst, vertikaler Stapel, Fußzeile und mehr – häufige Muster, die Entwickler täglich einfügen.
Wird etwas hochgeladen?
Nein. Das CSS wird vollständig in deinem Browser erzeugt.
Zuletzt aktualisiert: