Zurück

Flexbox Playground

★

flex-direction

flex-wrap

justify-content

align-items

align-content

Items

.container { display: flex; }

So funktioniert's

Lerne und teste CSS Flexbox-Layouts interaktiv mit direkter visueller Rückmeldung.

Verändere die Eigenschaften des Flex-Containers (wie 'justify-content' oder 'align-items') über die Kontrollleiste. Du siehst sofort, wie sich die Anordnung der Boxen im Playground verändert. Der generierte CSS-Code wird live angezeigt und kann für deine eigenen Web-Projekte übernommen werden.

Die Verarbeitung erfolgt vollständig lokal in deinem Browser.

Relevante Tools

Chmod Rechner

Berechnen Sie einfach Linux-Dateiberechtigungen (chmod) in numerischen und symbolischen Formaten.

Öffnen

Geräte Information

Zeigt detaillierte Informationen über Ihr aktuelles Gerät, Browser, Bildschirm und mehr an.

Öffnen

DNS-over-HTTPS Lookup

Frage DNS-Einträge (A, AAAA, MX, TXT, etc.) verschlüsselt über HTTPS direkt aus deinem Browser ab.

Öffnen