Css 不换行，但将长单词换行到下一行

我现在正在玩文字换行和空白的游戏，但是我不能让它工作。我不想在标题中分词，所以长单词应该放在下一行。为了澄清这一点，如果容器太小，我不希望它这样：

A veeeeeeeeeeeeeeee-
eeeeery long heading

我希望是这样的：

A
veeeeeeeeeeeeeeeeeeeeery
long heading

这是我的标记：

<header>
    <h3>Some random blog heading</a></h3>
</header>

我想我尝试了所有可能的组合，但它没有达到我想要的效果。我无法想象这是不可能的。

对其应用css
Apply css on it

<div style="word-wrap:break-all;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>

or

<div style="word-wrap:break-word;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>

很长的航向
或
很长的航向

如果您当前看到一个单词像第一个示例中那样被分成两行，而您不希望这样，那么您只需找到导致单词被分割的原因即可。这可能是带有

连字符

属性的CSS连字符，也可能是由软连字符（可能通过脚本插入）造成的，甚至是单词中常见的连字符“-”，大多数浏览器将其视为允许在其后换行

---

如果您需要分析方面的帮助，我认为您需要揭示一些实际的内容和标记，也许还有样式和脚本。

您的示例在哪里？您是否有一个示例来说明您当前拥有的内容以及您想要的东西？“长词应该放在下一行”这是默认行为，AFAIKby断字：正常；这是cssIf中的默认行为。如果这是默认行为，我的初学者主题会更改它。当然，我试过分词法：正常分词法，它把单词分开。它们都在任意点分词。这个问题是模糊的，但“无包装”显然意味着单词根本不应该被打破。没有这样的字符。我说的是在容器太小的情况下断字。单词不会自己断字。请提供相关信息，最好是一份能够说明问题的完整文件。或者至少是一个实际页面的URL。我知道，它们不会自行中断，但在我看来，如果它们对于容器来说太长，那么只有中断它们或让它们溢出容器的选项。我想让他们把整件事都写在下一行。我明天要做一把小提琴。

Apply css on it

<div style="word-wrap:break-all;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>

or

<div style="word-wrap:break-word;">A veeeeeeeeeeeeeeeeeeeeery long heading</div>