So zeigen Sie eine HTML-Tabelle ohne Zeilenumbrüche an

So realisieren Sie die Anzeige einer HTML-Tabelle ohne Zeilenumbrüche: Öffnen Sie zunächst die entsprechende HTML-Codedatei und fügen Sie dann den Stil „word-break: keep-all;word-wrap:break-word;“ hinzu. Unter der Tabelle kann der Effekt einer Anzeige ohne Zeilenumbrüche erzielt werden.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Der Effekt, wenn in der HTML-Tabelle keine Zeilenumbrüche angezeigt werden

Wenn Sie in der Tabelle keine Zeilenumbrüche in den Zellen benötigen, fügen Sie Stile zu td und th unter der Tabelle hinzu

word-break: keep-all;
word-wrap:break-word;

word-break: keep-all This; Situation ist auf Chinesisch

word-wrap:break-word; Englisch wird nicht umgebrochen

Wenn sich in der Mitte ein Leerzeichen befindet, wird standardmäßig an der Stelle umgebrochen, verwenden Sie den folgenden Stil

white-space: nowrap;

In diesem Fall ist es im Allgemeinen nicht erforderlich, die Breite in der Tabelle festzulegen, die Tabelle passt sich automatisch an den Inhalt an

[Lernempfehlung: HTML-Video-Tutorial]

Das obige ist der detaillierte Inhalt vonSo zeigen Sie eine HTML-Tabelle ohne Zeilenumbrüche an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!