Als «grid-layout» getaggte Fragen

378
Flex-Box: Richten Sie die letzte Zeile am Raster aus

Ich habe ein einfaches Flex-Box-Layout mit einem Container wie: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Jetzt möchte ich, dass die Elemente in der letzten Zeile mit den anderen ausgerichtet werden. justify-content: space-between;sollte verwendet werden, da die...

170
Raster von ansprechenden Quadraten

Overа этот вопрос есть ответы на Stapelüberlauf на русском : Сетка из адаптивных (responsiv) квадратов Ich frage mich, wie ich ein Layout mit ansprechenden Quadraten erstellen soll . Jedes Quadrat hätte vertikal und horizontal ausgerichteten Inhalt. Das spezifische Beispiel wird unten angezeigt...

153
Verhindern Sie, dass Inhalte Rasterelemente erweitern

TL; DR: Gibt es etwas Ähnliches table-layout: fixedfür CSS-Grids? Ich habe versucht, einen Jahresansichtskalender mit einem großen 4x3-Raster für die Monate und darin verschachtelten 7x6-Raster für die Tage zu erstellen. Der Kalender sollte die Seite füllen, damit der Jahresrastercontainer eine...

98
Zeilen gleicher Höhe im CSS-Rasterlayout

Ich stelle fest, dass dies mit Flexbox nicht möglich ist, da jede Zeile nur die minimale Höhe haben kann, die zum Anpassen ihrer Elemente erforderlich ist. Kann dies jedoch mit dem neueren CSS-Raster erreicht werden? Um es klar auszudrücken, möchte ich für alle Elemente in einem Raster über alle...