Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie schließe ich Text ohne Leerzeichen in ein ein?

Patricia Arquette
Freigeben: 2024-11-09 00:44:01
Original
654 Leute haben es durchsucht

How to Wrap Text in a <td> Ohne Leerzeichen? 
Ohne Leerzeichen? " />

Umbruch von Text ohne Leerzeichen in einem

Um den Textumbruch innerhalb eines ohne Leerzeichen zu ermöglichen, gehen Sie wie folgt vor kann verwendet werden:

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome &amp; Safari */ 
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
Nach dem Login kopieren

Um dies zu implementieren, kann die folgende HTML-Struktur verwendet werden verwendet:

<table>
Nach dem Login kopieren

In diesem Beispiel wird eine 400 Pixel breite Tabelle mit einem festen Layout erstellt. Dem -Element wird die Klasse „wrapword“ zugewiesen, die den CSS-Stil anwendet, um den Textumbruch zu ermöglichen.

Dieser Ansatz umschließt Text effektiv innerhalb des , ohne Leerzeichenumbrüche einzuführen, selbst für fortlaufende Zeichenfolgen. Er wurde in Firefox getestet 5.0, Internet Explorer 8.0 und Chrome 10.

Das obige ist der detaillierte Inhalt vonWie schließe ich Text ohne Leerzeichen in ein ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage