↔
CSS Flexbox Generator
Teste Richtung, Ausrichtung, Verteilung, Umbruch und Abstand mit einer Flexbox-Vorschau.
1
2
3
4
5
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;Wie es funktioniert
Wählen Sie die wichtigsten Flexbox-Eigenschaften aus. Der Beispielcontainer wird sofort aktualisiert und der CSS-Code ist kopierbereit.
Häufig gestellte Fragen
Welche Eigenschaften kann ich konfigurieren?
Beinhaltet flex-direction, justify-content, align-items, flex-wrap und gap.
Hilft es beim Lernen von Flexbox?
Ja. In der Vorschau können Sie sehen, wie sich das Layout bei der Änderung einzelner Eigenschaften anpasst.