谷歌铬虫与预包装

Question

我想要实现的是保留textarea中的序列空格,并且在行的末尾不要破坏单词.

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

当我们设定

white-space: pre-wrap;

WHITESPACES应该保留下来,并且最后不要分开.

然而,正如这个jsfiddle演示的那样,google chrome不会保留空白序列(textarea中有很多空格但是chrome显示的更少.请注意每个其他浏览器如何显示它们,但chrome no).

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

有没有解决这个问题的方法？

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

white-space: pre;

但是然后所有长的单词在行的末尾分开(虽然仅用于chrome ...)

有什么解决方案吗？

提前致谢!

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

Answer 1

我认为Chrome是唯一符合W3C建议的浏览器.

看第二点4

如果行末尾的空格(U + 0020)或制表符(U + 0009)将 "白色空间"设置为"预换行",则UAs可能会在视觉上将其折叠.

希望有所帮助.