Code: Select all
.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, max-content))
}< /code>
One
Two
Three
Four
Five
Six
Seven
< /code>
< /div>
< /div>
< /p>
Grundsätzlich funktioniert das Layout wie erwartet, aber ich habe ein [url=viewtopic.php?t=11587]Problem[/url] mit Ein Zustand mit weniger Elementen, z. Nur "eins" und "zwei", daher zwei Elemente in Container
Ich frage mich, ob es möglich ist, dass das Containerelement nur die benötigte Breite einnimmt. Es sollte immer noch wie erwartet funktionieren, wodurch die Breite wächst und schließlich in mehrere Zeilen einbricht und mehr Elemente enthält. I.Sstatic.net/jym0qqlf.png "/>