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
Artikel empfehlen
Mysql-Datenbankdesign - Analyse von drei Paradigmenbeispielen
Drei Paradigmen 1NF: Felder sind untrennbar; 2NF:...
Teilen Sie JS vier lustige Hacker-Hintergrundeffektcodes
Inhaltsverzeichnis Beispiel 1 Beispiel 2 Beispiel...
Ein Artikel zum Erlernen von CSS3-Bildrändern
Mit der CSS3-Eigenschaft „border-image“ können Si...
Detaillierte Erläuterung der Anwendungsszenarien von Filtern in Vue
filter werden im Allgemeinen verwendet, um bestim...
Gründe und Lösungen für das Fehlschlagen der Erstellung von Fremdschlüsseln durch MySQL
Beim Verknüpfen zweier Tabellen konnte kein Fremd...
Beispiel für die Implementierung eines Master-Slave-Hot-Standby mit Docker+keepalived+nginx
Vorwort Um den Single Point of Failure zu beheben...
Detailliertes Tutorial zur Installation von MySQL 5.7.18 unter Linux (CentOS 7) mit YUM
Das Projekt muss MySQL verwenden. Da ich es zuvor...
Detaillierte Installationshistorie von Ubuntu 20.04 LTS
In diesem Artikel wird die Erstellung einer USB-S...
Beispiel einer MySQL-Implementierung einer Volltextsuche und einer Methode zur Bewertung von Schlüsselwörtern
1. Einleitung Heute hat mich ein Kollege gefragt,...
So verwenden Sie mysqldump zum Sichern von MySQL-Daten
1. Einführung in mysqldump mysqldump ist ein logi...
Details zu MySQL-Zeittypen und -Modi
Inhaltsverzeichnis 1. MySQL-Zeittyp 2. Überprüfen...
Grafisches Tutorial zur Installation von MySQL5.7.18 im Windows-System
MySQL-Installationstutorial für Windows-Systeme h...
So verwenden Sie die MySQL DATEDIFF-Funktion, um das Zeitintervall zwischen zwei Daten zu ermitteln
beschreiben Gibt das Zeitintervall zwischen zwei ...
Beispiele für die Implementierung und Verwendung von geplanten MySQL-Aufgaben
Dieser Artikel veranschaulicht anhand von Beispie...
Verwendung des Linux-Datumsbefehls
1. Befehlseinführung Mit dem Datumsbefehl wird di...