增加了webkit的特定值，从上面的缺失

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

您需要使用CSS white-space属性。

特别是，white-space: nowrap和white-space: pre是最常用的值。第一个似乎是你想要的。

这为我工作阻止愚蠢的工作休息发生在Chrome文本区域

word-break: keep-all;

如果你想要一个HTML的解决方案，我们可以使用pre标签。它定义了“预格式化文本”，这意味着它不格式化换行。下面是一个简单的例子来解释:

div { width: 200px; height: 200px; padding: 20px; background: #adf; } pre { width: 200px; height: 200px; padding: 20px; font: inherit; background: #fda; } <div>Look at this, this text is very neat, isn't it? But it's not quite what we want, though, is it? This text shouldn't be here! It should be all the way over there! What can we do?</div> <pre>The pre tag has come to the rescue! Yay! However, we apologise in advance for any horizontal scrollbars that may be caused. If you need support, please raise a support ticket.</pre>

增加了webkit的特定值，从上面的缺失

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

永远不会中断文本，将保持其他默认值

white-space: pre;:永远不会中断文本，将保持多个空格在另一个空格后面作为多个空格，如果显式地写入中断将会中断(在html等中按回车键)