Elemente im Grid platzieren
Code Sources Icon Code Sources Icon


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

Hinweis

10 - Zeile und Spalten erstellen

Die Anzahl der eingegeben "columns" erzeugt die Menge an Spalten.
Die Anzahl der eingegeben "rows" erzeugt die Menge an Zeilen.
Zusammen ergeben sie ein Tabellenähnliches Raster. Darin können die Inhalte einzeln platziert werden.

Rows

Die Zeilen innerhalb des Containers. Im Beispiel wurde zwei Zeilen mit je 60px Höhe definiert.

grid-template-rows: 60px 60px;

Columns

Die Spalten innerhalb des Containers. Im Beispiel wurde fünf Spalten mit dynamische Breiten definiert.

grid-template-columns: 10% 15% auto 15% 10%;
DB-Table: grid-platzieren