Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
text-overflow

5 Artikel
{
,

}
Direkter Link zum Artikel Recreating MDN’s Truncated Text Effect
Datenverlust mdn text-overflow truncation

Recreating MDN’s Truncated Text Effect

Es ist kein Geheimnis, dass MDN im März ein neues Design eingeführt hat. Es ist umwerfend! Und es gibt einige süße CSS-Schmuckstücke darin, die Spaß machen anzusehen. Eines dieser Schmuckstücke ist, wie Kartenkomponenten abgeschnittene ...

Avatar of Geoff Graham
Geoff Graham am 28. Juli 2022
Direkter Link zum Artikel Text-overflow: ellipsis considered harmful
Datenverlust Text-Überlauf

Text-overflow: ellipsis schädlich

Eric Eggert:

Es gibt einige legitime Anwendungsfälle für diese Technik. Sie haben zum Beispiel möglicherweise eine Tabelle mit Titeln und Beschreibungen. Um mehr Platz für den Titel zu sparen, beschränken Sie die Beschreibung auf eine Zeile auf kleinen Bildschirmen.

…
Avatar of Geoff Graham
Geoff Graham am 30. Juni 2022
Direkter Link zum Artikel Asymmetrisches Design annehmen
grid line-clamp overflow text-overflow

Asymmetrisches Design annehmen

Ich werde eine der großartigen Lektionen von Karen McGrane nie vergessen: Abschneiden ist keine Content-Strategie. Die Idee ist, dass das programmatische Abschneiden von Text wie ein Vorschlaghammer ist und die Art von echtem Denken und Planen vermeidet, die …

Avatar of Chris Coyier
Chris Coyier am 20. September 2021
Direkter Link zum Artikel Using Flexbox and text ellipsis together
ellipsis overflow text-overflow

Using Flexbox and text ellipsis together

Sie können eine einzelne Textzeile mit einer Ellipse (...) ziemlich einfach mit text-overflow und ein paar Helfern abschneiden. Aber, wie Sie vielleicht erwarten, geschieht diese Kürzung am *Ende* der Textzeile. Was ist, wenn Sie ...

Avatar of Chris Coyier
Chris Coyier am 21. Jul 2020
Direkter Link zum Artikel: String mit Ellipse abschneiden
ellipsis text-overflow truncation

Zeichenkette mit Auslassungspunkten kürzen

Seit der Veröffentlichung dieses Artikels im Jahr 2011 hat sich einiges getan! Wenn Sie nach einem moderneren Ansatz zur Beschränkung von Inhaltsstrings suchen, schauen Sie sich die CSS-Eigenschaft line-clamp sowie dieses Tutorial an, das ... verwendet.

Avatar of Chris Coyier
Chris Coyier am 5. Aug 2024

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .