Мне нужно переполнение для усечения слева, с эллипсами

Вкратце, у меня есть поле, где самые правые цифры являются наиболее значительными. (Естественно, это поле исходит из наших аффилированных систем, основанных на их первичных ключах, поэтому самые левые цифры меняются только один раз за эпоху!)

Всем известно, что CSS обеспечивает ПРАВИЛЬНОЕ усечение с помощью "text-overflow: ellipsis;". Как (без добавления кода на сервер для подготовки этого поля с помощью строковой хирургии) мы обрезаем поле на LEFT и помещаем "..." elipses на LEFT?

(CSS3 в порядке.)

Ответ 1

Попробуйте использовать этот трюк:

HTML

<p class="ellipsis">ert3452654546</p>

CSS

.ellipsis
    {
      overflow:hidden;
      width: 60px;
      direction:rtl; 
      margin-left:15px;
      white-space: nowrap;
     }

.ellipsis:after{position:absolute;left:0px; content:"...";}

FIDDLE

Ответ 2

Я не могу проверить его сейчас, но я вполне уверен, что добавление

direction: rtl;

сделает ожидаемый результат.