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

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

宁波数联软件有限公司

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

阅读量1.6k

点赞数

分类专栏： js 前端开发文章标签：前端标题超过一定字数进行省略号显示

本文链接：https://blog.youkuaiyun.com/kai_wei/article/details/77566529

版权

js 同时被 2 个专栏收录

17 篇文章

订阅专栏

前端开发

14 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
}