read more阅读更多,文字超过三行字符后面添加省略号

Posted gduf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了read more阅读更多,文字超过三行字符后面添加省略号相关的知识,希望对你有一定的参考价值。


var text;
$(‘.blog-item‘).each(function (i) {
text = $(this).find(‘.blog-excerpt‘).html();
if (text.length > 190) {
var sub = text.substr(0,190);
var spaceindex = sub.lastIndexOf(‘ ‘);
var subtext = sub.substr(0, spaceindex);
var link = $(this).find(‘a‘).attr("href");
var html = subtext + ‘ <a href="‘ + link +‘">Read More &gt;&gt;</a>‘;
$(this).find(‘.blog-excerpt‘).html(html);
}
});

https://www.chlbpack.com/

技术图片

 

以上是关于read more阅读更多,文字超过三行字符后面添加省略号的主要内容,如果未能解决你的问题,请参考以下文章

阅读更多功能

在 React.js 中实现 Read More 链接

文字超过两行或三行就显示省略号

Vue3中文本只显示三行,超过部分在文字后显示省略号和展开按键

text Theme_the_excerpt more excrpt阅读更多内容阅读更多摘录长度摘录大小

more和less命令: