如何更改CSS中的换行符规则

我正试图制作一个接近文本的图标。文本可以有不同的长度。 问题是，当一行中有太多文本时，它会将文本拆分为新行，但文本块会占用整个空间，即使文本更早地拆分。最接近的解决方案是单词break:breakall。但这并不合适

有没有其他方法可以改变文本破坏规则？或者使用.text块直接在文本中断处结束

下面是一个例子：

.block{
显示器：flex；
宽度：125px；
背景：灰色；
边缘底部：10px；
}
.图标{
宽度：25px；
高度：25px；
背景：红色；
}

文本文本文本文本文本
文本

您可以添加

溢出：隐藏
和
空白：nowrap
属性


.block{
显示器：flex；
宽度：125px；
背景：灰色；
边缘底部：10px；
}
.图标{
宽度：25px；
高度：25px；
背景：红色；
}
诺布雷克先生{
宽度：100px；
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
}

文本文本文本文本文本
文本

.block{
显示器：flex；
宽度：125px；
背景：灰色；
边缘底部：10px；
}
.文本{
flex:0100px；
}
.图标{
宽度：25px；
高度：25px；
背景：红色；
}

文本文本文本文本文本
文本
谢谢你的回答，但我需要保留多行文字谢谢，但这是剪切文字。我正试着改变一下。这不是通常的行为。我加了一幅画。我认为这是不可能的（要澄清，您希望图标位于最后一个单词之后，与文本内联，几乎就像它是另一个文本字符？），或者使用.text块直接在文本结束处结束-不，使用当前的CSS几乎是不可能的。@sean我添加了一个图像来告诉你它应该如何在Anks@Sonia中运行。我正在尝试使它有一点不同。这不是一个常见的行为。我添加了一张图片。但是现在我认为这是不可能的（@Volodymyr，你能分享代码吗