当“direction”设置为“rtl”时需要使用正确的“text-overflow”

我需要将“...”放在文本前面，并在填充 div 时仅显示文本的最后一部分。

正常时什么都不做

<span class="file-upload-status" style="max-width:200px">
    C:\fakepath\996571_1398802860346752_2094565473_n.jpg
</span>
<br/>
<span class="file-upload-status" style="max-width:200px">
    C:\fakepath\1.jpg
</span>

这是我所拥有的：http://jsfiddle.net/CBUH4/5/

Here is what i need :

是否可以通过 CSS 来完成，而不使用 JavaScript 或 jQuery。

也许是这样的：http://jsfiddle.net/CBUH4/8/

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;