Code zum Ersetzen von CSS-Text durch Auslassungspunkte, wenn er div oder span überschreitet

Im Projekt müssen wir oft den Text anzeigen, wenn er zu lang ist, und den überschüssigen Inhalt durch Auslassungspunkte ersetzen. Wie wird dies basierend auf CSS-Code erreicht? Im Folgenden gibt Ihnen der Herausgeber von Script House eine ausführliche Erklärung, indem er diesen Artikel analysiert. Interessierte Freunde können gemeinsam lernen.

Im Projekt müssen wir häufig den Text anzeigen, wenn er zu lang ist, und ihn ersetzen der überschüssige Inhalt mit Ellipsen:
Die Idee ist:
Legen Sie zuerst die Breite fest und blenden Sie dann den überschüssigen Teil aus.
Wenn Überschuss vorhanden ist, zeigen Sie am Ende eine Ellipse an
Lassen Sie den Text nicht umbrechen
Spezifisches CSS Der Code lautet:

.title{ 
width:200px; 
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
word-break:keep-all; 
}

Es ist nicht erforderlich, HTML-Code zu schreiben, nur eine p- oder span-Klasse = „Titel“.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Zusammenfassung der Wissenspunkte zum CSS-Frontend

Verwendung von 63 Zeilen HTML5-Code zur Implementierung Schlangenspiel

Das obige ist der detaillierte Inhalt vonCode zum Ersetzen von CSS-Text durch Auslassungspunkte, wenn er div oder span überschreitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!