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;
}

Von Horst Scheuer

Horst Scheuer ist 64 Jahre alt, Vater zweier erwachsener Kinder, von Technik begeisterter Android-, Windows-, WordPress- und Firefox-Fan. Außerdem Facebook-Verweigerer, MagentaTV-Gucker, Kaffeetrinker und nicht von Verfolgungsängsten geplagter Google-Fan.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.