Damit die Tabelle den Bildschirm (den verbleibenden leeren Bereich) ausfüllt, wird ihr Breitenattribut oft als 100 % definiert, und die Zellen werden auch als Prozentsätze definiert.
Aber das führt zu Problemen: Wenn der Text in der Zelle die Breitenbeschränkung überschreitet, wird er automatisch umgebrochen und die Höhe erhöht sich automatisch, was zu ungleichmäßigen Stilen der gesamten Tabelle führt, was hässlich ist.
Die einfache Lösung besteht darin, den Textumbruch zu deaktivieren: white-space:nowrap;
Der Effekt ist jedoch immer noch unerwartet: Der gesamte Text wird in einer Zeile angezeigt. Die Breite wird automatisch erweitert, auch über den übergeordneten Container hinaus, und der Überlauf hat überhaupt keine Auswirkung!
Was ist los? Liegt es am Prozentsatz? Wenn Sie jedoch eine statische feste Breite verwenden, verlieren Sie die Flexibilität der Tabelle.
Seitdem habe ich mühelos die ultimative Lösung gefunden: Feste Tabellenbreite: Tabellenlayout: fest
Übrigens habe ich als Referenz ein einfaches Rendering erstellt: