页面显示文字，多出的部分省略号代替

文字只有一行，可以使用css实现:

.column-p{
    width:500px;
　　overflow:hidden;
　　white-space:nowrap;
　　text-overflow:ellipsis;
}

 

多行文字的情况下，则需要使用js判断字数截取

 

<div class="column">
              <ul>
                <li><a>[职场知道]世界级五大猎头公司</a></li>
                <li class="fr">2016-06-07</li>
              </ul>
              <p class="column-p font_color_grey">“五大”均创建于上世纪五、六十年代，他们之间也有着千丝万缕的关系，你或许不知道 Spencer Stuart曾经是Heidrick&Struggles的员工，EgonZehnder也曾经是Spencer Stuart在欧洲的一个雇员。光辉国际和海德思哲在1999年在美国纳斯达克上市，其他三家一直保持私人合伙制形式。顶级猎头公司的业务定位乍一看，“五大”没什么区别：第一，以寻聘董事、高管为主，职位年薪在US$250,000以上。第二，他们的业务范畴也非常相似，基本覆盖了主要行业和职能。第三，亿康先达采用固定收费模式（约US$100,000），其他四家的收费标准也一致：年薪的三分之一。</p>
            </div>

 js代码：

<script>
$(function(){
    var columnP = $(".column-p");
    for(var i = 0;i<columnP.length;i++){
        var txt = columnP[i].innerHTML.slice(0,190)+'...';
        columnP[i].innerHTML = txt;
        };
    });
</script>