Javascript 我怎样才能使长文本的div转到下一行，因为它只是文本溢出？

我想让一个div或div中的一个span的行为就像它是唯一的文本一样，这样溢出就会进入下一行

我不确定该使用什么css属性

我已经试过使用

overflow-wrap: break-word;
word-break: break-all;

这是我的结构

<div class="parent">
   <span> Some text before </span>
   <span class="makeItOverflow"> <div>Loooong text ...</div> </span>
   <span> Some text after </span>
</div>

之前的一些文本
龙文。。。
后面有一些文字

---

应该有这样的图像：。

您可以将每个span元素包装在一个

元素中，即假设这三个span元素的阅读方式类似于一个句子/段落

.parent{
宽度：300px；
}
.makeItOverflow{
背景颜色：橙色；
}

之前的一些文本
龙文。。。
后面有一些文字

我找到了答案。对我来说，它是

display:inline

和

whitespace:initial

和

wordbreak:break all

的组合。我拥有的结构更复杂，但通过将元素内联到树下实现了这一点

---

谢谢你的回答

请看一看空白规则。这似乎只需删除示例中的块级别

，即可实现：