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

最新推荐文章于 2022-09-08 20:42:56 发布

wakakaHBW

最新推荐文章于 2022-09-08 20:42:56 发布

阅读量934

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/wakaka112233/article/details/108056496

版权

js 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

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

代码

// 单行
<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>