css - 我需要一个溢出来从左边截断，用省略号

Question

简而言之，我有一个字段，其中最右边的数字最重要。 (自然地，这个字段来 self 们附属公司的系统，基于他们的主键，所以最左边的数字每个时期只改变一次!)

每个人都知道 CSS 提供了一个带有“文本溢出:省略号；”的 RIGHT 截断。我们如何(不向服务器添加代码以通过字符串手术准备该字段)截断左侧的字段，并将“...”省略号放在左侧？

(CSS3 没问题。)

Answer 1

尝试使用这个技巧:

.ellipsis {
    overflow: hidden;
    width: 60px;
    direction: rtl; 
    margin-left: 15px;
    white-space: nowrap;
}
    
.ellipsis:after {
    position: absolute;
    left: 0px;
    content: "...";
}

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