我想要实现的是保留文本区域中的序列空格,并在行尾添加单词.
所以根据这个:
http://www.w3schools.com/cssref/pr_text_white-space.asp
当我们设定
white-space: pre-wrap;
应该保留WHITESPACES,并且最后不要分开.
然而,正如这个jsfiddle演示的那样,谷歌浏览器不会保留空格序列(textarea中有很多空格但是chrome显示的更少.请注意每个其他浏览器如何显示它们,但是chrome no).
我可以使用以下方法保留空白:
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.
希望有所帮助.
原文地址:https://www.jb51.cc/css/215821.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。