怎么实现CSS限制字数，超出部份显示点点点

Posted 2023-04-21

参考技术A 在样式中加上overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;内容超出div部分隐藏
text-overflow: ellipsis;文本溢出包含元素显示省略符号来代表被修剪的文本
white-space: nowrap;文本不会换行

jquery字数限制超出显示...，原有内容在title中显示

为标签添加class = sliceFont；添加data-num属性为要显示的字数，截取后会在title中显示原有字符串；

$(‘.sliceFont‘).each(function(index, el) {
   var num = $(this).attr(‘data-num‘);
   var text = $(this).text();
   var len = text.length;
   $(this).attr(‘title‘,$(this).text());
   if(len > num){
    $(this).html(text.substring(0,num) + ‘...‘);
   }
});