Html 截断左侧带有CSS省略号的字符串

我知道这听起来很奇怪，但我需要在我的弦的左边完成这个：

例如：我需要的不是“你好…”而是“…奥利”

有人知道有没有办法做到这一点吗？提前谢谢。

.truncate\u类{
溢出：隐藏；
宽度：60px；
方向：rtl；
左边距：15px；
空白：nowrap；
}
.truncate_类：在{
位置：绝对位置；
左：0px；
内容：“…”；
}

---

1215454355434351432123
使用
dir:rlt
将只交换默认的从左到右布局。

要向后翻转每个字母，需要属性


.toTruncate{
方向：rtl；
unicode-bidi:bidi覆盖；
最大宽度：50px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
Hello John Doe
您是否尝试了{direction:rtl；}CSS属性。感谢您提供此代码片段，它可能会提供一些有限的即时帮助。通过展示为什么这是一个很好的问题解决方案，A将极大地提高它的长期价值，并将使它对未来有其他类似问题的读者更有用。请你的回答加上一些解释，包括你的假设。我的英雄！谢谢此方法将输出。。。你好，不是像你说的那样。