Css 未在div元素内换行的文本

我遇到了一个以前从未发生过的问题，而且似乎是前所未有的，一些文本没有包装在div中

此链接中有我的html代码示例：

lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem

---

有什么帮助吗？？？

那是因为长字符串中没有空格，所以它必须从容器中跳出。添加

分词：全部分词到您的.title规则以强制中断

#calendar_container > #events_container > .event_block > .title {
    width:400px;
    font-size:12px;
    word-break:break-all;
}

您可以添加以下行：
单词break:break all到您的CSS代码
JSFIDLE中的问题是，您的虚拟文本都是一个单词。如果您使用问题中给出的lorem ipsum，则文本包装良好

如果您希望大词在单词中间被打断并环绕，请将其添加到您的标题css中：

word-wrap: break-word;

可能有助于您了解另一个选项，
wordwrap:break-word

这里的区别是，可以完全放在一行上的单词可以做到这一点，而不是因为单词开头的那行上没有更多的不动产而被迫打断

查看小提琴的插图
我发现这有助于我在WooThemes推荐插件中的单词部分突破

.testimonials-text {
    white-space: normal;
}

在这里玩吧


Tim继续为极具挑战性的IP视频应用提供高级技术应用建议和支持。他已经表明，他将加倍努力，确保探索所有途径，以确定创新和实用的解决方案。
蒂姆以非常有帮助和专业的态度做到了这一点，这一点非常值得赞赏。

这可能有助于一小部分仍在挠头的人。从剪贴板复制到VSCode中的文本可能有一个不可见的硬空格字符，以防止换行。用HTML检查器检查它

如果您添加空格，它会自动换行。您的小提琴与此处发布的代码不同。您的示例非常极端，与您的HTML不匹配。这比其他答案更有意义，谢谢。谢谢，这个答案再次帮助了我！它确实将我的文本包装起来，现在可以放入div中。我看不出这是如何回答OP的问题的。添加
空白：正常对示例中的任何元素都不起任何作用。这对我来说很有效，谢谢…对我来说这就是原因。Tnx！
.testimonials-text {
    white-space: normal;
}

<blockquote class="testimonials-text" itemprop="reviewBody">

<a href="http://www.jacobs.com/" class="avatar-link">

<img width="100" height="100" src="http://nortronics.com.au/wp-content/uploads/2015/11/SKM-100x100.jpg" class="avatar wp-post-image" alt="SKM Sinclair Knight Merz">

</a>
<p>Tim continues to provide high-level technical applications advice and support for a very challenging IP video application. He has shown he will go the extra mile to ensure all avenues are explored to identify an innovative and practical solution.<br>Tim manages to do this with a very helpful and professional attitude which is much appreciated.
</p>
</blockquote>