css – 谷歌镀铬虫与预包装

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

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

当我们设定

white-space: pre-wrap;

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

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

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

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

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

white-space: pre;

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

有什么解决方案吗?

提前致谢!

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

解决方法

我会说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.

希望有所帮助.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效