CSS-Grid-Layout-Generator
Zeige Grid-Spalten und -Abstände in der Vorschau an und kopiere CSS.
So verwendest du CSS-Grid-Layout-Generator
- Gib die angeforderten Werte im Einstellungsbereich ein.
- Lege Spalten, Zeilen und Abstand (px) fest.
- Führe den CSS-Grid-Layout-Generator aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.
Was dieses Tool unterstützt
Zeige Grid-Spalten und -Abstände in der Vorschau an und kopiere CSS.
- Spalten
- Range: 1 to 12
- Zeilen
- Range: 1 to 12
- Abstand (px)
- Range: 0 to 100
Grenzen und Verarbeitung
Bilder unterliegen der bestehenden Canvas-Grenze von 32 Megapixeln. Wo unterstützt, sind bis zu 100 Quellbilder zulässig. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die SVG- und PNG-Erzeugung erfordert einen Browser.
Häufige Fragen
Was macht der CSS-Grid-Layout-Generator?
Zeige Grid-Spalten und -Abstände in der Vorschau an und kopiere CSS.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Bilder unterliegen der bestehenden Canvas-Grenze von 32 Megapixeln. Wo unterstützt, sind bis zu 100 Quellbilder zulässig. Eingefügtes HTML ist auf 200.000 Zeichen begrenzt; Mermaid-Diagramme auf 20.000 Zeichen und 300 Zeilen. Die SVG- und PNG-Erzeugung erfordert einen Browser.