Wie kann das Problem eines zu langen td gelöst werden, um die Tabelle mit fester Breite (Bild und Text) zu erweitern?

Der Inhalt dieses Artikels befasst sich mit der Lösung des Problems einer zu langen CSS-Implementierung zur Erweiterung der Tabelle mit fester Breite (Bilder und Texte). Ich hoffe, es kann hilfreich sein.

Lösung:

Stil zur Tabelle hinzufügen:

table{table-layout:fixed;word-break:break-all}

table-layout:fixed Die Spaltenbreite von tablle wird durch die Tabellenbreite und die Spaltenbreite festgelegt.
word-break:break-all Ermöglicht Zeilenumbrüche innerhalb von Wörtern.

Unter normalen Umständen:

Das td in der Tabelle gilt auch lang:

Nach dem Hinzufügen des Stils:

Verwandte Empfehlungen:

Wie verstecke ich HTML-Elemente mit CSS? Vier Möglichkeiten, HTML-Elemente auszublenden

So implementieren Sie ein responsives Navigationsmenü mit CSS und JS

Das obige ist der detaillierte Inhalt vonWie kann das Problem eines zu langen td gelöst werden, um die Tabelle mit fester Breite (Bild und Text) zu erweitern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!