Wie kann ich Text ohne Leerraum in ein Tabellendatenelement einbinden?

Text in einem Tabellendatenelement ohne Leerzeichen umbrechen

Beim Versuch, Text innerhalb eines Tabellendatenelements umzubrechen () kann es zu Inkonsistenzen zwischen den Browsern kommen. Bei Verwendung von word-break: break-all; und Tabellenlayout: fest; Funktioniert möglicherweise in Chrome, schlägt möglicherweise in Firefox fehl.

Glücklicherweise gibt es eine umfassendere Lösung:

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

Dieser CSS-Code stellt sicher, dass Text nahtlos umbrochen wird, indem er das Standardverhalten von Browsern überschreibt . So verwenden Sie es:

<table>

Mit diesem Ansatz wird der Text in Firefox und anderen Browsern entsprechend umbrochen.

Das obige ist der detaillierte Inhalt vonWie kann ich Text ohne Leerraum in ein Tabellendatenelement einbinden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!