Javascript 当没有合适的空间时，如何在新行中打断一个长单词

这一定是一个css的问题，但我不完全确定，如果你能做到这一点只使用css和有一个完美的排版在我的网站上

我的以下代码如下所示：

overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

但由于某些原因，它似乎不工作，测试与铬和边缘！这些单词作为一个完整的单词被打断到一个新行，而不是在剩余的空格中显示一部分，并在新行中显示下一个字符

---

你知道怎么解决这个问题吗？

只要使用

单词break:break-word

如果你想保持单词结构，但是如果你想在单词中间打断，你可以使用

单词打断：全部打断
如果您单击“切换溢出包裹”按钮，则在这种情况下似乎工作正常。请包括显示问题的所有相关代码。对于CSS问题，这将包括CSS应用到的标记。你可能会使用。