Mehrere textteile in eine Grid-Zelle(?)

[Rolf B]

Hallo Sibold,

1 oder 2 oder 3 oder gar 4 einzelne Textblöcke. Diese sollen lückenlos nebeneinander angezeigt werden.

Ok, klassischer Fall von AB-Problem. Oben steht Problem A. Du möchtest das mit Grid lösen und hast Schwierigkeiten (Problem B).

Die hätte ich auch. Also lösen wir Problem A lieber anders. Dafür brauchst Du nämlich gar kein spezielles Layoutmodul. Die Texte sollen ihre natürliche Breite haben, und es soll keine Verteilung auf die Breite des Fensters erfolgen? Zum Beispiel so?

Hello World | Willkommen bei Selfhtml | Guten Morgen |
Dies ist Block 4

Setze jeden Textblock in ein <span> Element. Gib den span-Elementen per CSS die Eigenschaft display: inline-block;. Grid oder Flex sind nicht nötig, oder nur dann, wenn Du bestimmte Anforderungen an die horizontale oder vertikale Ausrichtung der Textblöcke hast.

Guckst Du: https://jsfiddle.net/Rolf_b/bu5t16p2/

Mit dem kleinen Eingabefeld kannst Du einstellen, wie viele Textblöcke Du haben willst. Das JavaScript generiert sie per Zufall aus einem kleinen Vorrat. Der Umbruch passt sich automatisch an die Viewportbreite an. Die roten Rahmen visualisieren lediglich die Grenzen der span Elemente.

Rolf