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

Question

我想让 div 或 div 内的跨度表现得像它只是文本，以便溢出到下一行。

我不确定为此使用什么 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>

预计会有类似这张图片的东西:https://ibb.co/P1XcMh7 .

Answer 1

我找到了答案。对我来说，它是 display: inline 和 white-space: initial 和 word-break: break-all 的组合。我的结构比较复杂，但是内联到树下的元素就可以了!

感谢您的回答!