html文本溢出显示省略字符

最新推荐文章于 2024-08-22 11:20:46 发布

初来乍到到

最新推荐文章于 2024-08-22 11:20:46 发布

阅读量406

点赞数

分类专栏： HTML 文章标签： css 省略号

本文链接：https://blog.csdn.net/weixin_43868692/article/details/94396516

版权

HTML 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

单行实现省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //控制行数
overflow: hidden;

多行实现省略号

$(".text").each(function() {
    if ($(this).text().length > 100) {//要求字数大于100才进行字数替换
        $(this).html($(this).text().replace(/\s+/g, "").substr(0, 100) + "...")
        //从0到100开始替换，将剩余文本内容替换为"..."
    }
  })

js控制到一定字数出现省略号