hihetetlenül boldog voltam, amikor a CSS text-overflow: ellipsis (fix width és overflow: hidden házasságban éltem bemutatták a CSS specifikációnak és a böngészőknek; a funkció lehetővé tette, hogy ne próbáljuk meg összehúzni a JavaScript szélesség kiszámítását karakterlánc szélesség számítással és csonkolással. A CSS ellipszis nagyon barátságos volt az akadálymentesség szempontjából is. A CSS text-overflow: ellipsis A funkció nagyszerű, de lényegében csak a karakterláncok ellipszizálására szolgál; mi van akkor, ha a képernyő elejét akarjuk ellipszizálni? A felhasználási eset meglehetősen ésszerű: gondolja meg, hogy egy fájl elérési útját jelenítse meg – sokszor a fájlkészlet könyvtárában ugyanaz, ebben az esetben nem a kezdetét, hanem a karakterlánc végét szeretné megjeleníteni. Hadd mutassak meg egy trükköt az ellipszis számára a karakterlánc elején!

A CSS

ellipszis megjelenítése egy húr elején mos tly ugyanaz, mint az ellipszis a végén, csak egy egyszerű trükkel: Ha ellipszist akarunk hozzáadni egy karakterlánc elejéhez, használjuk az RTL és a text-align elemeket a karakterlánc elejének a vágásához! Az text-align RTL-jének lejátszása zseniális módszer a CSS ellipszis kívánt hatásának elérésére egy elem vagy karakterlánc elején. Nagyon jó lenne, ha a CSS specifikációja egy robusztusabb ellipszis rendszert vezetne be, de egyelőre csodálatos CSS trükköket imádok!