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
Artikel empfehlen
Das WeChat-Applet zeichnet die Bewegungsbahn des Benutzers auf
Inhaltsverzeichnis Konfiguration hinzufügen JSON-...
Beispielcode zur Implementierung der Formularvalidierung mit reinem CSS
In unserem täglichen Geschäft ist die Formularval...
So installieren und verwenden Sie Cockpit unter CentOS 8/RHEL 8
Cockpit ist ein webbasiertes Serververwaltungstoo...
So versetzen Sie JavaScript in den Ruhezustand oder in den Wartezustand
Inhaltsverzeichnis Überblick Überprüfen von setTi...
So erstellen Sie schnell ELK basierend auf Docker
[Zusammenfassung] Dieser Artikel erstellt schnell...
Detaillierte Erläuterung der Ausführung von SQL-Anweisungen (Übersicht über die MySQL-Architektur -> Abfrageausführungsprozess -> SQL-Analysereihenfolge)
Vorwort: Ich wollte schon immer wissen, wie eine ...
So überprüfen und organisieren Sie Websitedateien mit Dreamweaver8
Was ist der Zweck der Erstellung einer eigenen Web...
Implementierung eines Docker-Cross-Host-Netzwerks (manuell)
1. Einführung in Macvlan Vor dem Aufkommen von Ma...
Einige Fragen zu Hyperlinks
Ich freue mich sehr, an dieser Folge der Kartoffe...
Die CSS-Priorität der Webseite wird für Sie ausführlich erklärt
Bevor wir über die CSS-Priorität sprechen, müssen...
Beispielcode für CSS-Flex-Layout mit automatischem Zeilenumbruch
Um einen Flex-Container zu erstellen, fügen Sie e...
Der gesamte Prozess der Implementierung des Zusammenfassungs-Popup-Fensters mit Vue+Element UI
Szenario: Ein Prüfdokument hat n Prüfdetails und ...
MYSQL 5.6 Bereitstellung und Überwachung der Slave-Replikation
MYSQL 5.6 Bereitstellung und Überwachung der Slav...
Centos7-Installation des FFmpeg-Audio-/Video-Tools – einfaches Dokument
ffmpeg ist ein sehr leistungsfähiges Tool zur Aud...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.17
Dieser Artikel enthält das grafische Tutorial zur...