Heim >Web-Frontend >CSS-Tutorial >Wie kann das Problem eines zu langen td gelöst werden, um die Tabelle mit fester Breite (Bild und Text) zu erweitern?

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

不言
不言Original
2018-07-26 09:40:102708Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn