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.
Das ist interessant. Die Artikeltitel müssen dazu allerdings vom Layout her eine gewisse Mindestbreite haben. Bei mehrspaltigen Übersichten geht sonst zu viel Info verloren.
Ich wünsche dir und deiner Familie ein frohes Weihnachtsfest und alles Gute für das neue Jahr.