CSS-Flexbox-Generator

Was es bewirkt

Legen Sie die Flex-Richtung, den Justify-Content, die Align-Items, den Zeilenumbruch und die Lücke fest und kopieren Sie dann das CSS. Die Vorschau wird sofort aktualisiert, sodass Sie sehen können, wie sich die einzelnen Werte verhalten.

Erstellen Sie Flexbox-Layouts visuell und kopieren Sie das CSS.

Wie man es benutzt

Hier ist die Kurzversion der Verwendung von CSS-Flexbox-Generator.

• Wählen Sie eine Richtung — Zeile, Spalte oder eine umgekehrte Variante.
• Ausrichtung und Umbruch festlegen — Sehen Sie, wie sich die drei Musterboxen bewegen.
• Kopieren Sie das CSS — Fügen Sie die Regel in Ihr Stylesheet ein.

Funktionen, die wichtig sind

Was CSS-Flexbox-Generator gut macht.

• Nichts verlässt Ihr Gerät — Die Arbeit geschieht in Ihrem Browser-Tab. In dieser App gibt es keinen Upload-Endpunkt, sodass Ihre Dateien und Texte von uns nicht gespeichert, protokolliert oder eingesehen werden können.
• Keine Upload-Wartezeit — Sie überspringen den Hin- und Rückweg zu einem Server vollständig. Die Ergebnisse werden durch Ihre eigene CPU begrenzt, nicht durch die Netzwerkgeschwindigkeit oder die Warteschlangengröße.
• Kostenlos, kein Konto, keine Kontingente — Keine Anmeldewand, kein Wasserzeichen, kein Tageslimit. Optionale Konten existieren nur, um Favoriten und Voreinstellungen geräteübergreifend zu speichern.