css – 我需要从左侧截断的溢出,带有椭圆

前端之家收集整理的这篇文章主要介绍了css – 我需要从左侧截断的溢出,带有椭圆前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
简单来说,我有一个字段,最右边的数字是最重要的。 (当然,这个领域来自我们的关联公司系统,基于它们的主键,所以最左边的数字只能在每个时代改变一次!)

每个人都知道,CSS提供了一个具有“text-overflow:ellipsis”的RIGHT截断。如何(不需要通过字符串手术为服务器添加代码来准备该字段),我们会截断LEFT上的字段,并将“…”字段放在LEFT上吗?

(CSS3可以。)

解决方法

尝试使用这个技巧:

HTML

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

CSS

.ellipsis
    {
      overflow:hidden;
      width: 60px;
      direction:rtl; 
      margin-left:15px;
      white-space: nowrap;
     }

.ellipsis:after{position:absolute;left:0px; content:"...";}​

FIDDLE

猜你在找的CSS相关文章