Heim > Artikel > Web-Frontend > 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!