Zeilenumbruch in einer HTML-Tabelle: Unumbrochenen Text reparieren

Zeilenumbruch ist eine CSS-Eigenschaft, die es ermöglicht, Text innerhalb von Elementen umzubrechen wie Divs und Spannen. In Tabellenzellen funktioniert es jedoch oft nicht, was dazu führt, dass Text über die Grenzen der Zelle hinausläuft.

Um dieses Problem zu beheben, können Sie das CSS-Attribut table-layout: Fixed für die Tabelle verwenden. Dieses Attribut erzwingt, dass die Tabelle ein festes Layout hat, sodass ihre Zellen ordnungsgemäß umbrochenen Text aufnehmen können.

Hier ist ein aktualisierter Codeausschnitt, der die Korrektur demonstriert:

Mit dieser Änderung wird das lange Wort nun innerhalb der Tabellenzelle umbrochen, wobei seine Grenzen respektiert und ein Überlauf verhindert wird.