如何放置；阅读更多“；截断行末尾旁边的文本-Javascript

我有一个使用css-height和overflow属性截断的文本

.container{
宽度：600px；
边框：1px实心#888；
填充：0.5em；
线高：1.2米；
边缘底部：10px；
}
.摘要{
高度：47px；
/*根据行高*所需行数进行调整*/
溢出：隐藏；
}
.省略号{
身高：0；
}
.省略号范围{
背景：白色；
左侧填充：0.5em；
位置：相对位置；
顶部：-1.2米；
左：3.2米；
颜色：蓝色；
}

Lorem ipsum Door sit amet，为精英服务，为临时雇员提供服务


Lorem ipsum Door sit amet，为精英服务，为临时雇员提供服务


试验
测试333

teststs
... 阅读更多

忘记所有的

相对定位。只需简单地将readmore放在文本的末尾，并根据需要设置样式即可


let summary=document.querySelector（“.summary”）
如果（summary.textContent.length>100）{
让截断=summary.textContent.substring（0，100）
summary.innerHTML=`
${trunched}…阅读更多内容`
}
.container{
宽度：600px；
边框：1px实心#888；
填充：0.5em；
线高：1.2米；
边缘底部：10px；
}
.摘要{
溢出：隐藏；
高度：47px；
填充：0；
}
.省略号{
颜色：蓝色；
}


Lorem ipsum Door sit amet，为精英服务，为临时雇员提供服务


Lorem ipsum Door sit amet，为精英服务，为临时雇员提供服务


试验
测试333


teststs
... 阅读更多

@mplungjan：这些示例讨论了多行，但没有解决我的多元素问题。一个div中有多个元素，最后一个元素需要省略号。那些对meI不起作用的东西可能有，但是文本是动态生成的，而不是静态的——我刚刚展示了这个静态DOM结构，用于提琴目的。这个div容器开头是空的，在用户输入时，div开始填充文本-我无法控制将自述文本放在何处您可以将自述插入
摘要
div吗？我可以将其作为另一个子项附加到摘要div中，如：
teststs。。。阅读更多内容，但不要像
teststs。。。请阅读更多内容，因为内容中可能没有
。如果我把它作为孩子添加到div中，它也会工作吗？以前的工作，请参阅我的编辑谢谢@koder613，谢谢你的时间和帮助