Heim >Web-Frontend >HTML-Tutorial >Automatisches Abfangen von HTML-Langtext, nachdem dieser die Breite der tag_HTML/Xhtml_Web-Seitenproduktion überschreitet

Automatisches Abfangen von HTML-Langtext, nachdem dieser die Breite der tag_HTML/Xhtml_Web-Seitenproduktion überschreitet

WBOY
WBOYOriginal
2016-05-16 16:40:551340Durchsuche

Wenn wir langen Text anzeigen, müssen wir häufig Zeichen auf der C#-Seite abfangen, aber das ist definitiv kein guter Aspekt, da unser langer Text oft mit HTML getaggt ist. Wenn Sie ihn nicht gut laden, werden verstümmelte Zeichen angezeigt. (Eine halbe HTML-Markierung wird angezeigt), und eine bessere Möglichkeit besteht darin, CSS zu verwenden, um diese Funktion zu implementieren.
Span-Tag erzwingt einen kontinuierlichen Zeilenumbruch, wenn der Inhalt den Grenzwert überschreitet

Code kopieren
Der Code lautet wie folgt:

white-space:nowrap;white-space:norma;display:inline-block

Kontinuierliche Anzeige der englischen Seite über das automatische Ausblenden hinaus (muss innerhalb eines Blockelements liegen)

Kopieren Sie den Code
Der Code lautet wie folgt:

overflow:hidden;white-space:nowrap;

Und wenn Sie ein... nach dem Text hinzufügen möchten , Sie können text-overflow verwenden: ellipsis;Allgemein Major-Browser unterstützen dieses Attribut

Kopieren Sie den Code
Der Code ist wie folgt folgt:

.tbconxx {
float: left;
padding: 5px 10px;}
.tbconxx li,tbconxx span {
padding-left: 7px;
overflow: versteckt;
white-space: nowrap; >}


Das ist es. Sie können den Effekt erzielen, dass der Text, der das Limit überschreitet, automatisch ausgeblendet wird.
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