Stellen Sie die Breite der Tabelle so ein, dass sie sich nicht mit dem Text ändert

Nachdem die Tabellenbreite auf der Seite auf width="600px" eingestellt wurde, ist die Breite immer noch nicht festgelegt. Der Text wird nicht umbrochen, wenn er zu lang ist, was die Tabelle verformt.

Lösung:

1. Die Breite der Tabellensätze ist sowohl absolut als auch relativ akzeptabel.

Tabellenlayout: fest;
Wenn diese Eigenschaft festgelegt ist, haben alle verbleibenden TDs die gleiche Breite.

Nach dieser Operation ist die Breite der Tabelle festgelegt. Wenn der Artikel jedoch sehr lang ist, bedeckt der Text die

Lösung:

Fügen Sie style="word-wrap:break-word;" zum td hinzu, um den Text umzubrechen. Wenn Sie den Text nicht umbrechen möchten, können Sie den Inhalt, der das Limit überschreitet, ausblenden und durch Auslassungspunkte ersetzen:

Oben td hinzufügen

Code kopieren

Der Code lautet wie folgt:

Überlauf: versteckt;
Leerzeichen:nowrap;

text-overflow:ellipsis; (derzeit nur in IE8 getestet)
Empfohlene Methode (14.11.2013 von Zhang Lei) Verwenden Sie div, um den Inhalt von td zu steuern

TD hinzufügen

(1) Text wird automatisch ausgeblendet, wenn er die Breite und Höhe überschreitet

Code kopieren

Der Code lautet wie folgt:

<div style="width:100px;height:25px;overflow-x:hidden;overflow-y:hidden;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

(2) Stellen Sie die TD-Breite so ein, dass sie automatisch umgebrochen wird, wenn sie die Länge überschreitet

Code kopieren

Der Code lautet wie folgt:

<td><div style="width:100px;word-wrap:break-word;" >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</td>

<<: Entdecken Sie, wie Ihnen eine LED den Einstieg in den Linux-Kernel erleichtert

>>: Einführung in das Fokuselement document.activeELEment in JavaScript

So extrahieren Sie Zeichenfolgenelemente aus nicht festen Positionen in MySQL

Stellen Sie die Breite der Tabelle so ein, dass sie sich nicht mit dem Text ändert

So extrahieren Sie Zeichenfolgenelemente aus nicht festen Positionen in MySQL

Über das Problem der Offline-Installation des Docker-Pakets unter CentOS 8.4

Wie stellt MySQL die Master-Slave-Konsistenz sicher?

Detailliertes Tutorial zur Installation von SonarQube mit Docker

Einführung und Verwendung des JS-Beobachtermodus

Eine detaillierte Einführung in Linux-Dateiberechtigungen

Beispiel für die Verwendung von MySQL zum Zählen der Anzahl unterschiedlicher Werte in einer Spalte

Der derzeit bessere Weg, eine Auswahlliste mit allen Optionen zu erstellen, wenn diese ausgewählt/fokussiert sind

Details zu den Überwachungseigenschaften der Uhr in Vue

Installation und Deinstallation der dekomprimierten Version von MySQL 5.7 und Zusammenfassung häufiger Probleme

Artikel empfehlen

Detaillierte Erläuterung der Anwendung der vier Zustände der Hyperverbindung

So speichern Sie Bilder in MySQL

Detaillierte Erläuterung der Konstruktion und Verwendung von Redis5-Clustern unter Linux (Centos7)

Führt MySQL die Aktualisierungsanweisung erneut aus, wenn sie dieselben Daten enthält wie die ursprüngliche?

Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen

Analyse der problematischen „Aborted“-Warnung in MySQL anhand von Fallstudien

Tutorial zur Oracle-Bereitstellung in einer Linux-Umgebung

Detaillierte Erläuterung der Bereitstellung und grundlegenden Verwendung von Docker Compose

Detaillierte Erklärung von MySQL Explain

Das WeChat-Applet implementiert einen Countdown zum Senden des SMS-Bestätigungscodes

Die perfekte Lösung für das AutoFill-Problem in Google Chrome

MySQL Deep Paging (wie man schnell Millionen von Daten paginiert)

Eine Liste der Fallstricke beim regulären JS-Matching

Beispielcode für HTML-Layout links und rechts

MySQL-Onlineprobleme mit langsamem Log und Optimierungslösungen