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/

这是我需要的:

是否可以在不使用 JavaScript 或 jQuery 的情况下通过 Css 实现。

Answer 1

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

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