html超出显示省略号

<span>装备自动回收，躺的赚钱，收入比上班还要高，古天乐都乐开了花装备自动回收，躺的赚钱，收入比上班还要高，古天乐都乐开了花装备自动回收，躺的赚钱，收入比上班还要高，古天乐都乐开了花<span>

单行省略：

<style>
    span{
         overflow: hidden;
         text-overflow:ellipsis;
         white-space:nowrap;
    }
</style>             

效果：

 多少省略：

<style>
    span{
　　　　overflow: hidden;
    　　display: -webkit-box;
    　　-webkit-line-clamp: 2;
    　　-webkit-box-orient: vertical;
   　　 height: 49px
　　}
</styel>    

效果：

 

转载于:https://www.cnblogs.com/nosmoking/p/8494527.html