Мне нужно переполнение для усечения слева, с эллипсами
Вкратце, у меня есть поле, где самые правые цифры являются наиболее значительными. (Естественно, это поле исходит из наших аффилированных систем, основанных на их первичных ключах, поэтому самые левые цифры меняются только один раз за эпоху!)
Всем известно, что 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;
сделает ожидаемый результат.
![слева направо с переполнением]()