css的white-space属性导致了空格问题--查看十六进制发现2020变成了c2a0_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:42:53
원래의
1363명이 탐색했습니다.

            今天发现了一个奇怪的问题,从文本编辑器(notepad++)中把一段文本输入到easyui的textbox文本框(textarea)中,不进行任何的操作,直接再从文本框中把文本拷贝出来贴到文本编译器中,通过查看两次文本的十六进制,发现空格部分发生了变化。如下图:


1、文本内容1:(原始文本被容)


2、输入到easyui的textbox中:


3、从文本框中产贴出来:


初步观察会发现两段文本在空格上发生了变化,进一步观察其十六进制内容:

4、原始文本的十六进制:


5、粘贴后的文本十六进制:


很明显,空格发生了变化,被转成了c2a0

经过了半上午的对比,最终发现了一个css属性: white-space,查看w3c解释:

值 描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的
 标签。
로그인 후 복사
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。

默认是normal,当在textarea中加上white-space:pre-wrap 属性以后,上述问题迎刃而解。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿