Szövegtúlcsordulás: Ellipszis ártalmasnak tekinthető

Újra kiadta Platón

Követő: 0

Ennek a technikának van néhány jogos felhasználási esete. Például lehet egy táblázat címekkel és leírásokkal. A cím több helyének megőrzése érdekében a leírást egy sorra korlátozza a kis nézetablakban az egysorosra, és megismétli a leírást az elem részletes oldalán.

Azonban gyakran látom, hogy olyan elemeken használják, mint a gombok vagy akár űrlapcímkék, hogy szebbek legyenek (?), vagy amikor függőlegesen igazítják őket. Ha azonban megváltoztatja a nézetablakot vagy átméretezi a szöveget, a szöveg vége eltűnik.

Szerintem a „… ha bizonyos helyzetekben használjuk” ide tartozik, de minden bizonnyal jobb blogbejegyzés címet ad enélkül. Ahogy Eric mondja, vannak törvényes esetek a szöveg csonkolására. Talán csak néhány, de mégis jogos.

A végső cél az adatok „vesztésének” megelőzése, valami ez biztosan megtörténhet a CSS-ben. Az a szöveg, amely véletlenül túlcsordul egy tárolón, elveszik abban az értelemben, hogy egyszerűen nincs ott. És ha ez a szöveg egyszerűen nincs ott, a felhasználóknak hiányozni fog, még akkor is, ha ez a legjobb és legjobban kidolgozott cselekvésre ösztönzés, amelyet valaha is közzétettek az interneten.

Eric rámutat, hogy nincs mód a szöveg csonkolására text-overflow: ellipsis látható. Ha egyszer elment, akkor elment (bár a képernyőolvasók úgy tűnik bejelentik). Gyakorlatilag elveszett adat. Lehet, hogy ezzel rendben vagy. Ez klassz mindaddig, amíg tudod, hogy mi történik, és az a szándékod.

De íme, amit Eric mond, ami késztetett arra, hogy megosszam ezt:

Ne korlátozza a tartalmat, hogy illeszkedjen a tervezéshez, tegye rugalmassá a CSS-t, hogy kecsesen kezelje a hosszabb szavakat.

Megint te esetleg szeretné a tartalmat a tervezéshez igazítani. De valószínűleg vitatkoznék, mint Eric, hogy a a tervezésnek alkalmazkodnia kell a tartalomhoz nem pedig fordítva. Nehezen tudok felidézni minden olyan helyzetet, amikor az oldalon lévő szöveg lényegtelen vagy céltalan, olyan mértékben, hogy nyugodtan levágnám, ha egy CSS-tulajdonság által meghatározott tetszőleges ponton megszakadna. Talán egy blogbejegyzések archívuma, ahol minden bejegyzés a bejegyzés tartalmának kivonatát jeleníti meg a csonkítás előtt, de ez nem feltétlenül használható text-overflow: ellipse.

A CSS rendelkezik azokkal az eszközökkel, amelyekkel rugalmas tervezést hozhat létre, amely figyelembe veszi a változó hosszúságú szövegeket. Szóval lehet, hogy hibázik védekező CSS írása… CSS, amely előre látja a problémákat, és tudja, hogyan kell kecsesen kezelni a különböző tartalmi forgatókönyveket. text-overflow: ellipsis a CSS-arzenál része lehet. De az is lehet, hogy kidobja a babát a fürdővízzel. Érdemes megkérdezni, hogy az adatok elvesztése megéri-e annak az árának a költségét, amit az adott tartalomnak meg kellene csinálnia, mielőtt levágja.

Miközben a szöveg csonkításáról beszélünk…

Link 1. október 2021-jén