Olin uskomattoman onnellinen, kun CSS text-overflow: ellipsis (naimisissa kiinteiden width ja overflow: hidden kanssa esiteltiin CSS-spesifikaatioille ja selaimille; ominaisuus antoi meille mahdollisuuden lopettaa yrittäminen mennä naimisiin JavaScript-leveyden laskemisen kanssa merkkijonoleveyden laskemisen ja katkaisemisen kanssa. CSS-ellipsit olivat myös erittäin ystävällisiä esteettömyyden kannalta. ominaisuus on hieno, mutta sen tarkoitus on olennaisesti ellipsoida merkkijonot vain lopussa; entä jos haluamme ellipsisoida näytön alun? Käyttötapaus on melko kohtuullinen: ajattele näyttää tiedostopolku – monta kertaa tiedostohakemiston hakemisto on sama, jolloin haluat näyttää merkkijonon loppu, ei alkua. Haluan näyttää sinulle vihje ellipsille merkkijonon alussa!

CSS

ellipsin näyttäminen merkkijonon edessä on mos tly sama kuin ellipsi lopussa, vain yhdellä yksinkertaisella temppulla: Jos haluat lisätä ellipsin merkkijonon alkuun, leikkaa merkkijonon alku RTL: llä ja ja text-align! RTL: n toisto text-align on nerokas tapa saada CSS-ellipsin haluttu vaikutus elementin tai merkkijonon alkuun. Olisi hienoa, että CSS-asiantuntija ottaisi käyttöön vankemman ellipsisysteemin, mutta toistaiseksi palvon tämän tyyppisiä hämmästyttäviä CSS-temppuja!