Przepełnienie tekstu: wielokropek uważany za szkodliwy

Opublikowane ponownie przez Plato

Obserwuje: 0

Istnieje kilka uzasadnionych przypadków użycia tej techniki. Na przykład możesz mieć tabelę z tytułami i opisami. Aby zachować więcej miejsca na tytuł, ogranicz opis do jednej linii na małych rzutniach do jednej linii i powtórz opis na stronie szczegółów tego elementu.

Jednak często widzę, że jest używany na elementach takich jak przyciski, a nawet etykiety, aby wyglądały ładniej (?) lub podczas wyrównywania ich w pionie. Ale kiedy zmienisz rzutnię lub zmienisz rozmiar tekstu, koniec tekstu zniknie.

Myślę, że „… jeśli używane w pewnych sytuacjach” należy do tego, ale z pewnością sprawia, że tytuł posta na blogu jest lepszy bez niego. Jak mówi Eric, istnieją uzasadnione przypadki użycia obcinania tekstu. Może tylko nieliczne, ale jednak uzasadnione.

Ostatecznym celem jest zapobieganie „utracie” danych, coś to z pewnością może się zdarzyć w CSS. Tekst, który przypadkowo przepełni kontener, jest gubiony w tym sensie, że po prostu go tam nie ma. A jeśli tego tekstu po prostu nie ma, użytkownicy go przegapią, nawet jeśli jest to najlepsze i najlepiej przygotowane wezwanie do działania, jakie kiedykolwiek opublikowano w sieci.

Eric zwraca uwagę, że nie ma sposobu, aby tekst został skrócony o text-overflow: ellipsis widoczny. Kiedy już odejdzie, odejdzie (chociaż czytniki ekranu wydają się to ogłaszać). To praktycznie utracone dane. Możesz być w porządku z tym. To fajnie, o ile wiesz, co się dzieje i jest to zamierzone.

Ale oto, co powiedział Eric, co sprawiło, że chciałem się tym podzielić:

Nie ograniczaj treści, aby pasowała do Twojego projektu, spraw, aby CSS był elastyczny, aby z wdziękiem obsługiwać dłuższe słowa.

Znowu ty może chcesz dostosować treść do projektu. Ale prawdopodobnie kłóciłbym się, tak jak Eric, że projekt powinien dostosowywać się do treści zamiast na odwrót. Trudno mi przypomnieć sobie każdą sytuację, w której tekst na stronie jest nieistotny lub bezcelowy do tego stopnia, że byłbym fajnie obcięty, jeśli byłby ucięty w dowolnym punkcie określonym przez właściwość CSS. Może archiwum postów na blogu, w którym każdy post pokazuje fragment treści posta przed obcięciem, ale nie jest to dokładnie przypadek użycia text-overflow: ellipse.

CSS posiada narzędzia do tworzenia elastycznego projektu uwzględniającego różne długości tekstu. Więc może błądzić po stronie pisanie obronnego CSS… CSS, który przewiduje problemy i wie, jak z wdziękiem radzić sobie z różnymi scenariuszami treści. text-overflow: ellipsis może być częścią twojego arsenału CSS. Ale może to być również wylewanie dziecka z kąpielą. Warto zapytać, czy utrata tych danych jest warta kosztów tego, co ta treść ma zrobić, zanim skrócimy ją.

Skoro mówimy o obcinaniu tekstu…

Połączyć 1 października 2021 r.