Текстовый многоточие на левой стороне
У меня есть список путей (из-за отсутствия лучшего слова, следы от хлебной крошки описывают их лучше). Некоторые значения слишком длинные для отображения в родительском элементе, поэтому я используюtext-overflow: ellipsis
, Проблема в том, что важная информация находится справа, поэтому я бы хотел, чтобы многоточие появилось слева. Как то так это ascii art:
----------------------------
|first > second > third |
|...second > third > fourth|
|...fifth > sixth > seventh|
----------------------------
Обратите внимание, что первый ряд достаточно короткий, поэтому он остается выровненным по левому краю, а два других слишком длинны, поэтому многоточие появляется с левой стороны.
Я бы предпочел решение только для CSS, но JS прекрасно, если его нельзя избежать. Это нормально, если решение работает только в Firefox и Chrome.
РЕДАКТИРОВАТЬ:На данный момент я ищу обходной путь для ошибок в Chrome, которые мешают ему правильно отображаться, когда документ смешан RTL и LTR. Это было все, что мне действительно нужно с самого начала, я просто не осознавал этого.