Text-overflow: Ellipsis Considered Harmful

Ponovno objavil Platon

Spremljevalci: 0

Obstaja nekaj legitimnih primerov uporabe te tehnike. Na primer, lahko imate tabelo z naslovi in opisi. Če želite ohraniti več prostora za naslov, omejite opis na eno vrstico na majhnih pogledih na eno vrstico in ponovite opis na strani s podrobnostmi za to postavko.

Vendar ga pogosto vidim na predmetih, kot so gumbi ali celo oznake obrazcev, da bi bili videti lepši (?) ali pri navpični poravnavi. Ko pa spremenite vidno polje ali spremenite velikost besedila, konec besedila izgine.

Mislim, da "… če se uporablja v določenih situacijah" sodi tja, vendar je vsekakor boljši naslov objave v spletnem dnevniku brez njega. Kot pravi Eric, obstajajo zakoniti primeri uporabe za obrezovanje besedila. Morda le nekaj, a vseeno legitimno.

Končni cilj je preprečiti "izgubo" podatkov to se zagotovo lahko zgodi v CSS. Besedilo, ki nehote prelije vsebnik, se izgubi v smislu, da ga preprosto ni. In če tega besedila preprosto ni, ga bodo uporabniki pogrešali, tudi če je to najboljši in najbolj dobro oblikovan poziv k dejanju, ki je bil kdaj objavljen v spletu.

Eric poudarja, da besedila ni mogoče skrajšati za text-overflow: ellipsis viden. Ko enkrat ni več, ni več (čeprav se zdi, da bralniki zaslona to napovedujejo). To so praktično izgubljeni podatki. Morda ti bo to v redu. To je kul, dokler veš, kaj se dogaja in je to načrtovano.

Toda Eric pravi, da sem želel to deliti z drugimi:

Ne omejujte vsebine, da bo ustrezala vašemu dizajnu, naredite svoj CSS prilagodljiv, da bo elegantno obravnaval daljše besede.

Spet ti morda želijo uskladiti vsebino z zasnovo. Toda verjetno bi trdil, tako kot Eric, da je oblikovanje naj se prilagaja vsebini in ne obratno. Težko si prikličem v spomin kakršno koli situacijo, ko je besedilo na strani nepomembno ali brez namena do te mere, da bi bil kul odrezan, če bi bil izključen na kateri koli poljubni točki, ki jo določa lastnost CSS. Morda arhiv objav v spletnem dnevniku, kjer vsaka objava prikazuje izsek vsebine objave pred prirezovanjem, vendar to ni ravno primer uporabe za text-overflow: ellipse.

CSS ima orodja za izdelavo prilagodljivega dizajna, ki upošteva različne dolžine besedila. Torej se morda zmotite pisanje obrambnega CSS… CSS, ki predvideva težave in ve, kako elegantno obravnavati različne vsebinske scenarije. text-overflow: ellipsis morda del vašega arzenala CSS za to. Lahko pa tudi, da otroka vrže ven skupaj z vodo za kopanje. Vredno se je vprašati, ali je izguba teh podatkov vredna stroškov tega, kar naj bi ta vsebina naredila, preden jo oklestimo.

Ko že govorimo o skrajšanju besedila ...

Link 1. oktobra 2021