Как иметь эллипсис с переполнением текста в начале элемента слева направо ⇐ CSS

[Anonymous]

У меня есть список путей (из -за отсутствия лучшего слова, может быть, хлебные крошки -тропы описывают их лучше). Некоторые из значений слишком длинные, чтобы отображаться в их родителе, поэтому я использую переполнение текста: ellipsis . Проблема в том, что важная информация находится справа, поэтому я бы хотел, чтобы Ellipsis появился слева. Что -то подобное это ASCII ART: < /p>

----------------------------
|first > second > third |
|...second > third > fourth|
|...fifth > sixth > seventh|
----------------------------
< /code>

Обратите внимание, что первая строка достаточно короткая, поэтому она остается оставленной выровненной, но два других слишком длинные, поэтому эллипсис появляется с левой стороны. < /p>

Я бы предпочел решение только для CSS, но JS в порядке, если его нельзя избежать. Это нормально, если решение работает только в Firefox и Chrome. Это от правильного рендеринга, когда документ является смешанным RTL и LTR. Это было все, что мне действительно нужно с самого начала, я просто не осознавал этого.

Подробнее здесь: https://stackoverflow.com/questions/979 ... ht-element