Mehrzeilige Überschrift oder Text mit Hilfe von CSS kürzen

Heute an dieser Stelle ein 5 zeiliger Codeschnipsel. Gefunden habe ich den bei den Kulturbanausen. Dort gibts einen passenden Artikel dazu der erklärt, wie man lange Texte auf eine Zeile mit Hilfe von CSS kürzt. Interessant ist das zum Beispiel bei Überschriften in einem Grid-Layout. Dort steht man sehr oft vor dem Problem, dass mehrzeilige Überschriften das Layout zertrümmern.

 h2.entry-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

Wichtig: Ich habe dieses Snippets, hier in diesem Blog, getestet. Bei mir läuft es fehlerfrei. Ihr solltet, falls ihr meinen Code nutzt, trotzdem vorsichtig sein. Ich empfehle eine Sicherung der Datei die ihr ändert und auch der gesamten Installation bevor ihr den Code-Schnipsel bei euch einbaut.