Html 溢出：隐藏和省略号在要隐藏的文本之前不使用背景图像

我想用省略号隐藏一些文本。但是当文本前面的div中有背景图像时，它就不起作用了

.block{
显示器：flex；
边缘顶部：0.3em；
}
.摘要内容{
左边距：0.2rem；
宽度：100%；
}
.摘要内容.说明{
溢出：隐藏；
宽度：100%；
}
.省略号{
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}

一些长得很长的随机文本…一些长得很长的随机文本…一些长得很长的随机文本…一些长得很长的随机文本
需要这不溢出隐藏。需要这不溢出隐藏。需要这不溢出隐藏。

只需添加

最小宽度：0在
摘要内容中
CSS。谢谢

.summary-content {
    min-width: 0;
    width: 100%;
}

有两个div
.thumbnail
和
.summary content
。如果你把宽度100%的摘要内容，然后它会走出屏幕，所以我添加了下面的CSS

.summary-content {
  width: 80%;
}


.block{
显示器：flex；
}
.摘要内容{
宽度：80%；
}
.摘要内容.说明{
溢出：隐藏；
宽度：100%；
}
.省略号{
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}

一些长得很长的随机文本…一些长得很长的随机文本…一些长得很长的随机文本…一些长得很长的随机文本
需要这不溢出隐藏。需要这不溢出隐藏。需要这不溢出隐藏。
将
最小宽度：0
添加到第一个代码中的
摘要项
，谢谢：）由于您比另一个答案早2分钟回答，请将您的答案放入以接收接受的答案。谢谢Np，您可以标记以下任何答案，很高兴我能提供帮助：）