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

Question

我需要将“...”放在文本前面，并在填充 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/

这是我需要的:

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

Answer 1

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

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