Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Stellen Sie die Breite in der Tabelle so ein, dass sie sich nicht mit dem Text ändert, sodass es sich um eine feste_HTML/Xhtml_Webseitenproduktion handelt

Stellen Sie die Breite in der Tabelle so ein, dass sie sich nicht mit dem Text ändert, sodass es sich um eine feste_HTML/Xhtml_Webseitenproduktion handelt

WBOY
Freigeben： 2016-05-16 16:38:52
Original
1642 Leute haben es durchsucht

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

Lösung:

1.table Legen Sie die Breite fest. Es können sowohl die absolute Breite als auch die relative Breite verwendet werden.

table-layout:fixed
Setzen Sie dieses Attribut und alle anderen td Alle haben die gleiche Breite.

Danach ist die Breite der Tabelle festgelegt, aber wenn der Artikel darin sehr lang ist, wird er vom Text verdeckt

Lösung:

Stil hinzufügen=" in td word-wrap:break-word;" Umbrechen Sie das Wort einfach automatisch. Wenn Sie die Zeile nicht umbrechen möchten, können Sie den überschüssigen Inhalt ausblenden und durch Auslassungspunkte ersetzen:

Hinzufügen

Code kopierenDer Code lautet wie folgt:
overflow:hidden
white-space:nowrap;

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

In TD hinzufügen

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


Kopieren der CodeDer Code lautet wie folgt:
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa& lt;/div>

(2) Automatischen Zeilenumbruch festlegen, wenn die Breite von td die Länge überschreitet


Kopieren Sie den CodeDer Code lautet wie folgt:
/td>
Verwandte Etiketten：
table 宽度
Quelle：php.cn
Vorheriger Artikel：HTML-Multi-Header-Tabellencode_HTML/Xhtml_Webseitenproduktion Nächster Artikel：Es ist sehr einfach, HTML-Popup-Div zu verwenden, um eine mobile Zentrierung_HTML/Xhtml_Webseitenproduktion zu erreichen
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Rufen Sie verschachtelte verwandte Werte in MySQL ab Ich versuche, verwandte Werte basierend auf mehreren Einträgen in einer Datenbank abzurufe...
Aus 2024-04-04 17:29:06
0
2
365
Wie kann man auf bestimmte Klickereignisse achten, andere jedoch unterdrücken? Meine Webanwendung enthält eine HTML-Tabelle, in der jede Zeile auf eine bestimmte URL ver...
Aus 2024-04-04 16:55:27
0
1
317
Vertikal gedrehter Tabellentitel, zentriert + unten ausgerichtet, browserübergreifend Ich habe eine Tabelle mit gedrehten Kopfzeilen, die in Chrome wie erwartet aussieht, in Fi...
Aus 2024-04-04 16:45:25
0
1
330
Tabelle mit fester Kopfzeile und gedrehten Spaltenüberschriften Ich habe eine Tabelle mit einer festen Kopfzeile und einer festen ersten Spalte. Ich möcht...
Aus 2024-04-03 08:50:32
0
1
362
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage