对标题超过一定的字数进行省略号显示

最新推荐文章于 2023-07-05 15:29:56 发布

原创最新推荐文章于 2023-07-05 15:29:56 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端标题超过一定字数进行省略号显示

js 同时被 2 个专栏收录

17 篇文章

订阅专栏

前端开发

14 篇文章

订阅专栏

本文介绍了一种根据JSON数据动态生成HTML代码的方法。该方法能够根据不同条件调整生成的HTML元素样式，并确保新闻标题长度超过20个字符时进行适当的文本溢出处理。此技术适用于快速展示动态内容。

if(newJson['newsTitle'].length > 20) {
var row = '<div class="index-news-3" style="width:100%;"><div class="index-news-6" style="text-align:left;width:80%;"><a href="masterPage_2.htm?type=24&id='+
newJson['id']+'" class="news-link" target="_blank" style=" display: block; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;">'+newJson['newsTitle']+
'</a></div><div class="index-news-7" style="text-align:right;">'+newJson['createTime'].substr(0, newJson['createTime'].indexOf(' '))+'</div></div>';

return row;
} else {
var row = '<div class="index-news-3" style="width:100%;"><div class="index-news-6" style="text-align:left;"><a href="masterPage_2.htm?type=24&id='+
newJson['id']+'" class="news-link" target="_blank">'+newJson['newsTitle']+
'</a></div><div class="index-news-7" style="text-align:right;">'+newJson['createTime'].substr(0, newJson['createTime'].indexOf(' '))+'</div></div>';

return row;
}