Javascript 使用CSS和JS进行适当的断字

现在，我正在做一个项目，用户可以创建自己的时间线。每个时间轴都有事件。事件标题有问题

用户可以创建标题很长的事件。例如：

`12312312312312312312312313211233123213133gsfsfsfsdfserwerwerwerwesdfsdf`

或

标题显示为h3和单词break:break all

示例：

我想对于第一个例子，它已经足够好了。但是第二个例子违反了连字符的规则

---

有什么插件可以帮助你吗？或者正确的CSS规则？

在CSS中使用。在什么时候使用分词和换词是有区别的。有关更多信息，请参阅文档和Stackoverflow链接

 h3 {
   word-wrap: break-word;
 }

文件：

---

请不要将w3school作为参考：另外：它只是一个论坛，我并不介意。W3C学校是学习初学者所有教程的基础。@A.Rama，请用自己的话解释为什么我们不应该参考W3C。@JqueryKing抱歉，我的错。你的答案有效。父项的div宽度有问题

 h3 {
   word-wrap: break-word;
 }