Wie schließe ich Text innerhalb eines -Elements ohne Leerzeichen ein?

Element ohne Leerzeichen? " />

Text ohne Leerzeichen innerhalb eines umbrechen

Um Text innerhalb eines -Elements umzubrechen, ohne Leerzeichen im Text zuzulassen, wie z Bei fortlaufenden Zeichenfolgen können mehrere CSS-Eigenschaften genutzt werden.

Die Eigenschaft „word-break: break-all“ ermöglicht das Umbrechen von Wörtern Überall, auch innerhalb von Zeichen. Diese Eigenschaft allein reicht jedoch möglicherweise nicht in allen Browsern aus.

Um die Kompatibilität sicherzustellen und das gewünschte Umbruchverhalten zu erreichen, kann eine Kombination zusätzlicher Eigenschaften angewendet werden:

• white-space: -moz-pre-wrap !important;: Mozilla-Browser
• white-space: -webkit-pre-wrap;: Chrome und Safari Browser
• white-space: -pre-wrap;: Opera 4-6-Browser
• white-space: -o-pre-wrap;: Opera 7-Browser
• white -space: pre-wrap;: CSS3-kompatible Browser
• word-wrap: break-word;: Internet Explorer 5.5 Browser

Darüber hinaus sollte die Eigenschaft „white-space: normal;“ als endgültige Deklaration eingefügt werden, um den korrekten Umbruch in allen Browsern sicherzustellen.

Um diese Lösung zu implementieren, wenden Sie Folgendes an CSS-Klasse zum element:

.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;
}

Dann wickeln Sie den Text, den Sie umschließen möchten, in ein ein. Element mit dem Attribut class="wrapword":

<table>
    <tr>
        <td class="wrapword">
            your text here
        </td>
    </tr>
</table>

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