css - 带有预包装的谷歌浏览器错误

Question

我想要实现的是保留文本区域中的序列空白并且在行尾不打断单词。

所以根据这个: http://www.w3schools.com/cssref/pr_text_white-space.asp

当我们设置

white-space: pre-wrap;

应保留空格，最后不要拆分单词。

然而，正如这个 jsfiddle 所展示的，谷歌浏览器不保留空格序列(文本区域中有很多空格，但 chrome 显示较少。请注意其他浏览器如何显示它们，但 chrome 没有)。

http://jsfiddle.net/LXUEe/2/

这个问题有什么解决办法吗？

我可以使用以下方式保留空格:

white-space: pre;

但是所有的长词都在行尾分开(虽然只适用于 chrome...)

有什么解决办法吗？

提前致谢!

编辑:尝试在该 jsfiddle 的一行中连续输入空格。光标一旦到达最右端就会卡住，并且不会在下一行(chrome)下移动

Answer 1

我想说 Chrome 是唯一正确遵循 W3C recommendations 的浏览器.

看第二点4

If spaces (U+0020) or tabs (U+0009) at the end of a line have 'white-space' set to 'pre-wrap', UAs may visually collapse them.

希望对您有所帮助。