Textüberlauf: Ellipse gilt als schädlich

Neuauflage von Plato

Verfolger: 0

Es gibt einige legitime Anwendungsfälle für diese Technik. Beispielsweise könnten Sie eine Tabelle mit Titeln und Beschreibungen haben. Um mehr Platz für den Titel zu erhalten, beschränken Sie die Beschreibung auf eine Zeile bei kleinen Ansichtsfenstern auf die Einzeile und wiederholen Sie die Beschreibung auf der Detailseite für diesen Artikel.

Ich sehe es jedoch oft auf Elementen wie Schaltflächen oder sogar Formularbeschriftungen, um sie schöner (?) Aussehen zu lassen oder wenn sie vertikal ausgerichtet werden. Aber sobald Sie das Ansichtsfenster ändern oder die Textgröße ändern, verschwindet das Ende des Textes.

Ich denke, „… wenn es in bestimmten Situationen verwendet wird“ gehört dazu, aber es ist sicherlich ein besserer Blog-Post-Titel ohne es. Wie Eric sagt, gibt es legitime Anwendungsfälle für das Abschneiden von Text. Vielleicht nur wenige, aber dennoch legitim.

Das ultimative Ziel ist es, den „Verlust“ von Daten zu verhindern das kann durchaus in CSS passieren. Text, der versehentlich einen Container überfüllt, geht in dem Sinne verloren, dass er einfach nicht vorhanden ist. Und wenn dieser Text einfach nicht vorhanden ist, werden die Benutzer ihn vermissen, selbst wenn es der beste und am besten ausgearbeitete Aufruf zum Handeln ist, der jemals im Internet veröffentlicht wurde.

Eric weist darauf hin, dass es keine Möglichkeit gibt, den Text durch abzuschneiden text-overflow: ellipsis sichtbar. Sobald es weg ist, ist es weg (obwohl Screenreader es anzukündigen scheinen). Es sind praktisch verlorene Daten. Du könntest damit einverstanden sein. Das ist cool, solange Sie wissen, was passiert und es beabsichtigt ist.

Aber hier ist, was Eric sagt, das mich dazu gebracht hat, dies zu teilen:

Beschränken Sie den Inhalt nicht auf Ihr Design, machen Sie Ihr CSS flexibel, um längere Wörter elegant zu verarbeiten.

Du schon wieder könnte Inhalt an das Design anpassen möchten. Aber ich würde wahrscheinlich wie Eric argumentieren, dass die Design sollte sich an den Inhalt anpassen eher als umgekehrt. Es fällt mir schwer, mich an Situationen zu erinnern, in denen der Text auf einer Seite unwichtig oder ohne Zweck ist, in dem Maße, dass ich cool wäre, wenn ich ihn an einem beliebigen Punkt abschneiden würde, der durch eine CSS-Eigenschaft bestimmt wird. Vielleicht ein Archiv von Blogbeiträgen, in dem jeder Beitrag vor dem Abschneiden einen Auszug des Beitragsinhalts zeigt, aber das ist nicht gerade ein Anwendungsfall für text-overflow: ellipse.

CSS verfügt über die Werkzeuge, um ein flexibles Design zu erstellen, das unterschiedliche Textlängen berücksichtigt. Also vielleicht auf der Seite irren defensives CSS schreiben… CSS, das Probleme antizipiert und weiß, wie man mit verschiedenen Inhaltsszenarien elegant umgeht. text-overflow: ellipsis könnte Teil Ihres CSS-Arsenals dafür sein. Es könnte aber auch sein, das Kind mit dem Bade auszuschütten. Es lohnt sich zu fragen, ob der Verlust dieser Daten die Kosten dafür wert ist, was dieser Inhalt tun soll, bevor man ihm einen Haarschnitt verpasst.

Wo wir gerade über das Abschneiden von Text sprechen …

Link vom Okt 1, 2021