给span、div等标签超出固定宽度，用省略号代替...

注意：要先设置宽度，否则没有效果

代码

// 单行
<span style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100px ">{
    
    {
    
    item.BookTitle}}
</span>


//2，3...行

<style>
.class{
    
    
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
</style>

效果