Langer HTML-Text wird automatisch abgeschnitten, wenn er die Tag-Breite überschreitet

Wenn wir langen Text anzeigen, müssen wir auf der C#-Seite häufig Zeichen abfangen, aber das ist definitiv keine gute Sache, da unser langer Text häufig durch HTML-Tags dargestellt wird. Wenn Sie ihn nicht richtig laden, werden verstümmelte Zeichen angezeigt (die Hälfte des HTML-Tags wird angezeigt). Eine bessere Möglichkeit besteht darin, diese Funktion über CSS zu implementieren.
Wenn das Span-Tag das Limit überschreitet, wird der Inhalt automatisch umbrochen.

Code kopieren

Der Code lautet wie folgt:

Leerzeichen: Nowrap; Leerzeichen: Norma; Anzeige: Inline-Block;

Wenn die Zeile den automatisch ausgeblendeten Bereich überschreitet, wird sie nicht in einer Zeile angezeigt (muss sich in einem Blockelement befinden).

Code kopieren

Der Code lautet wie folgt:

Überlauf: versteckt; Leerzeichen: Nowrap;

Wenn Sie nach dem Text ein ... hinzufügen möchten, können Sie text-overflow: ellipsis verwenden; die meisten gängigen Browser unterstützen dieses Attribut

Code kopieren

Der Code lautet wie folgt:

.tbconxx {
schweben: links;
Breite: 255px;
Polsterung: 5px 10px;
}
.tbconxx li,tbconxx span {
Polsterung links: 7px;
Textüberlauf: Auslassungspunkte;
Überlauf: versteckt;
Anzeige: Block;
Leerzeichen: Nowrap;
Breite: 240px;
}

Dadurch wird der Text, der das Limit überschreitet, automatisch ausgeblendet.

<<: Zusammenfassung der MySQL InnoDB-Architektur

>>: Zwei Beispiele für die Verwendung von Symbolen in Vue3

Zusammenfassung der zugehörigen Funktionen für JSON-Ergebnisse von MySQL-Abfragen

Langer HTML-Text wird automatisch abgeschnitten, wenn er die Tag-Breite überschreitet

Zusammenfassung der zugehörigen Funktionen für JSON-Ergebnisse von MySQL-Abfragen

Ein Beispiel, wie Tomcat Session verwaltet

Lösung für Linux CentOS 6.5 ifconfig kann IP nicht abfragen

jQuery realisiert den Effekt der Sitzplatzauswahl und -reservierung im Theater

So zeigen Sie im img-Tag in HTML nur die Bildmitte an (drei Methoden)

Beispielcode zur Implementierung der Formularvalidierung mit reinem CSS

Docker nginx implementiert einen Host zum Bereitstellen mehrerer Sites

Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen

So erstellen Sie eine PHP+Nginx+Swoole+MySQL+Redis-Umgebung mit Docker

So verwenden Sie den Linux-Befehl whatis

Artikel empfehlen

Detaillierte Erläuterung der Linux-Dateiberechtigungen und Befehle zur Gruppenänderung

Beispielcode zum Erstellen eines Dropdown-Menüs mit reinem CSS

Native JS-Drag-and-Drop-Funktion zum Erstellen eines Slider-Beispielcodes

Detaillierte Erläuterung der Sicherung und Wiederherstellung von PSSQL-Datenbanken in Docker

Beheben Sie die Fallstricke beim Speichern von Booleschen Werten im lokalen Speicher

JavaScript zum Implementieren eines Dropdown-Listenauswahlfelds

Stapelweises Ersetzen eines Teils der Daten eines Felds in MySQL (empfohlen)

Detaillierte Erklärung verschiedener Loop-Speed-Tests in JS, die Sie nicht kennen

So implementieren Sie das Rasterlayout mit Intervallen perfekt auf der Seite

5 Möglichkeiten, um schnell den Leerraum eines Inline-Blocks in HTML zu entfernen

HTML-Formular-Tag-Tutorial (5): Textfeld-Tag

Iframe-Parameter mit Anweisungen und Beispielen

Vue2.x konfiguriert Routing-Navigations-Guards, um die Benutzeranmeldung und -beendigung zu implementieren.

Reines CSS3 zum Erstellen eines Beispielcodes für Haushühner

Grafisches Tutorial zur Deinstallation und Installation von MySQL unter Linux