Heim  >  Artikel  >  Web-Frontend  >  So zeigen Sie eine HTML-Tabelle ohne Zeilenumbrüche an

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

藏色散人
藏色散人Original
2021-04-12 10:08:053849Durchsuche

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.

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

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!

Stellungnahme:
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