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