这就是我所需要的。它可以防止文字断裂，但允许在预区域的动态宽度。

word-break: keep-all;

这可以很好地包装文本并在pre-tag中保持空白:

pre {
    white-space: pre-wrap;
}

试着用

<pre style="white-space:normal;">. 

或者更好地使用CSS。

你可以:

pre { white-space: normal; }

要保持单行字体，但添加换行，或:

pre { overflow: auto; }

这将允许固定大小的水平滚动长行。

这就是我所需要的。它可以防止文字断裂，但允许在预区域的动态宽度。

word-break: keep-all;

我发现跳过pre标签并在div上使用空白:pre-wrap是一个更好的解决方案。

 <div style="white-space: pre-wrap;">content</div>