如何在<span>中包围文字？

Question

我有这段代码：

<div style="max-width: 10rem">
  <span>Welcome back (said by a person welcoming you back)</span>
</div>

单词显示在跨度中，然后流到10rem div区域之外。

有没有办法可以让文字环绕并留在<span>内？

Answer 1

我们在段落或跨度中有一个长词时使用自动换行，你可以用它来包装词

<span style="word-wrap: break-word;">Welcome back (said by a person welcoming you back)</span>

您当前的跨度不包含任何长字，并且工作正常