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-HTML-Tutorial-php.cn

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

1616 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>