谷歌铬虫与预包装

时间:2013-02-03 18:56:04

标签: css google-chrome

我想要达到的目的是保留文本区域中的序列空格,并在行尾添加单词

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

当我们设置

white-space: pre-wrap;

应该保留WHITESPACES,并且最后不要拆分。

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

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

这个问题有解决办法吗?

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

white-space: pre;

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

有没有解决方案?

提前致谢!

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

中进入

1 个答案:

答案 0 :(得分:8)

我认为Chrome是W3C recommendations之后唯一正确的浏览器。

看第二点4

  

如果行末尾有空格(U + 0020)或制表符(U + 0009)   'white-space'设置为'pre-wrap',UAs可能会在视觉上将它们折叠

希望有所帮助。