Mehrere textteile in eine Grid-Zelle(?)

[Rolf B]

Hallo Sibold,

ohne einen Link auf das Fiddle, das den Fehler zeigt, kann ich Dir nicht sagen, ob und wo Du irgendwo einen kleinen Tipp- oder Denkfehler drin hast.

Ein repeat(315, ...) erzeugt ein Grid mit 315 Spalten. Das div sollte dann aus der 1. Spalte der 2. Zeile in die 4. Spalte der 1. Zeile rutschen.

Der Unterschied zwischen min-content und max-content fällt auf, wenn deine Texte Leerstellen enthalten. Sie werden dann von min-content umgebrochen.

min-content bedeutet: Mach die Spalte so breit wie unbedingt nötig, aber nicht breiter. Ohne automatische Silbentrennung bedeutet das: so breit wie das breiteste Wort.

max-content bedeutet: Mach die Spalte so breit, dass alles nebeneinander passt, was nebeneinander möchte. Aber nicht breiter.

Mit Silbentrennung und flexiblen Breiten kann das alles sehr variabel werden:

https://jsfiddle.net/Rolf_b/exgq392h/1/

Rolf