强制长字来打破div内部，但在单词之间保持空格

Question

我无法以正确的方式强制文本留在div中。 div没有设置宽度。

我有 word-break：break-all ，以防止在div之外溢出很长的单词（大于div宽度）。它完成了这项工作。

但问题是较小的单词并没有被这个属性集完全打破到下一行。他们正在被切割，而不是在空间。

我试过 overflow-wrap：break-word ;还有自动换行：破解词，正如我通过阅读其他文章所理解的那样，但是没有用。

编辑：如果您删除

，则为JSFiddle http://jsfiddle.net/xt9rj9d4/

word-break:break-all;

你会看到我说的行为。

Answer 1

在您指定这不能解决问题之前，它将作为我的最佳答案：它会设置您在问题中提出的所有参数http://jsfiddle.net/DIRTY_SMITH/xt9rj9d4/9/

div {
    word-wrap: break-word;
    border:1px solid black;
}