Methode 1: Verwenden Sie zur Lösung die CSS-Überlaufauslassung Die Lösung lautet wie folgt: CSS Code: Anzeige: -webkit-box; Anzeige: -moz-box; Leerzeichen: vor dem Umbruch; Zeilenumbruch: Wort umbrechen; Überlauf: versteckt; Textüberlauf: Auslassungspunkte; -webkit-box-orient: vertikal; -webkit-line-clamp:2; /*Zeilenanzahl anzeigen*/ Methode 2: Verwenden Sie jQuery, um Textinhalte abzufangen und zu ersetzen Die Lösung lautet wie folgt: js-Code: $(".text").jeweils(Funktion() { if ($(this).text().length > 20) {//Erfordert, dass die Anzahl der Wörter größer als 20 ist, bevor die Anzahl der Wörter ersetzt wird$(this).html($(this).text().replace(/\s+/g, "").substr(0, 80) + "...") //Beginnen Sie mit dem Ersetzen von 0 bis 80 und ersetzen Sie den verbleibenden Textinhalt durch „…“ } }) Die beiden oben genannten Methoden können auf den Klassennamen des Textinhalts angewendet werden. Zusammenfassen Oben sind zwei gängige Lösungen für das Problem der Auslassungszeichen, die angezeigt werden, wenn HTML-Text überläuft. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: MySQL-Datenbank-JDBC-Programmierung (Java stellt eine Verbindung zu MySQL her)
>>: Was ist JavaScript Anti-Shake und Throttling
Vor kurzem hat das Unternehmen zufällig Live-Über...
OOM steht für „Out Of Memory“, was so viel bedeut...
Inhaltsverzeichnis 1. Einführung in import_table ...
Als ich heute einen Flash-Werbecode schrieb, habe ...
Inhaltsverzeichnis Was ist MVCC MVCC-Implementier...
Inhaltsverzeichnis Kurzzusammenfassung Heute Mitt...
Verstehen Sie zunächst eine Methode: Aufrufen ein...
Inhaltsverzeichnis 1. Kurzübersicht 2. JSON-Grund...
In einem aktuellen Unternehmen besteht die Anford...
Ich habe den Dialog beim Schließen verwendet und e...
Die Composition API implementiert Schritte zur Wi...
Chinesisch-Tutorial https://www.ncnynl.com/catego...
Vorwort Solche Spezialeffekte sollte man oft sehe...
1. Priorität mehrerer Server Wenn beispielsweise ...
Ein Designsoldat fragte: „Kann ich nur reines Des...