CSS-Flexbox-Generator
Elementbasis, Wachstum, Umbruch und Ausrichtung testen; HTML/CSS exportieren.
- Läuft im Browser
- Kein Upload
- Vor dem Download prüfen
Eingaben bleiben in diesem Tab und werden weder hochgeladen noch automatisch gespeichert. Optionale aggregierte Nutzungszahlen und grobe Verarbeitungsdiagnosen werden nur nach Einwilligung gesendet, ohne Eingabeinhalte oder Dateinamen. Leeren oder Schließen verwirft Eingaben; benötigte Ergebnisse vorher speichern.
Ressourcenlimits
1–24 Elemente; Basis 0–2000px, Wachsen/Schrumpfen 0–20, Reihenfolge ±24, Abstand 0–100px. Vorschau nutzt verfügbare Breite. Visuelle Reihenfolge ändert weder DOM noch Lese- oder Tastaturreihenfolge. Begrenzte lokale Vorschau, keine universelle Browser-/Layoutgarantie. Eingaben werden nicht ausgeführt. HTML und CSS zusammen herunterladen. Zeitlimit: 8 Sekunden.
So geht’s
- Beispiel konfigurieren
Wähle Richtung, Umbruch und Ausrichtung, dann Basis, Wachsen, Schrumpfen und Reihenfolge pro Element. Erzeuge und vergleiche Positionen bei verfügbarer Breite. Exportiere HTML und CSS zusammen.
- Vor Verwendung prüfen
Eingaben bleiben in diesem Tab und werden weder hochgeladen noch automatisch gespeichert. Optionale aggregierte Nutzungszahlen und grobe Verarbeitungsdiagnosen werden nur nach Einwilligung gesendet, ohne Eingabeinhalte oder Dateinamen. Leeren oder Schließen verwirft Eingaben; benötigte Ergebnisse vorher speichern. 1–24 Elemente; Basis 0–2000px, Wachsen/Schrumpfen 0–20, Reihenfolge ±24, Abstand 0–100px. Vorschau nutzt verfügbare Breite. Visuelle Reihenfolge ändert weder DOM noch Lese- oder Tastaturreihenfolge. Begrenzte lokale Vorschau, keine universelle Browser-/Layoutgarantie. Eingaben werden nicht ausgeführt. HTML und CSS zusammen herunterladen. Zeitlimit: 8 Sekunden.
- Geprüftes Ergebnis exportieren
Ergebnis herunterladen; Original herunterladen
Fragen und Grenzen
Ressourcenlimits
1–24 Elemente; Basis 0–2000px, Wachsen/Schrumpfen 0–20, Reihenfolge ±24, Abstand 0–100px. Vorschau nutzt verfügbare Breite. Visuelle Reihenfolge ändert weder DOM noch Lese- oder Tastaturreihenfolge. Begrenzte lokale Vorschau, keine universelle Browser-/Layoutgarantie. Eingaben werden nicht ausgeführt. HTML und CSS zusammen herunterladen. Zeitlimit: 8 Sekunden.
Offline-Design
Eingaben bleiben in diesem Tab und werden weder hochgeladen noch automatisch gespeichert. Optionale aggregierte Nutzungszahlen und grobe Verarbeitungsdiagnosen werden nur nach Einwilligung gesendet, ohne Eingabeinhalte oder Dateinamen. Leeren oder Schließen verwirft Eingaben; benötigte Ergebnisse vorher speichern.
Vor Verwendung prüfen
Wähle Richtung, Umbruch und Ausrichtung, dann Basis, Wachsen, Schrumpfen und Reihenfolge pro Element. Erzeuge und vergleiche Positionen bei verfügbarer Breite. Exportiere HTML und CSS zusammen.