9

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

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

当我们设置

white-space: pre-wrap;

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

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

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

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

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

white-space: pre;

但随后所有长词都在行尾拆分(尽管仅适用于 chrome...)

有什么解决办法吗?

提前致谢!

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

4

1 回答 1

8

我想说 Chrome 是唯一正确遵循W3C 建议的浏览器。

看第二点 4

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

希望有帮助。

于 2013-02-06T08:30:03.473 回答