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

JWT Decoder

Entschlüsseln Sie JSON Web Tokens (JWT) lokal, um Header, Payload und Signatur anzuzeigen.

Öffnen