落Nicety — Thu, 09 Oct 2008 13:19:00 GMT

在textarea中输入的文本。如果含有回车或�I�格。在界面上显�C�的时候则不哪么正常。回车消�׃��Q�空格变短了�?br /> 如何解决�q�个问题呢。有2�U�方法�?br /> 1.使用

标签

   w3c对pre元素是这样定义的�Q�pre 元素可定义预格式化的文本。被包围�?pre 元素中的文本通常会保留空格和换行�W�。而文本也会呈��Cؓ�{�宽字体�?br />
   更详�l�的内容请参�?http://www.w3school.com.cn/tags/tag_pre.asp

   也就是说包含在pre标签中的回�R和空��g��正常的显�C�出来。包括你在页面代码中输入的。所以如果��用pre元素你需要这样写�Q?br />
   

<pre>要输出的文本pre>
   �Q�而不是这��P��

   

  <pre>

      要输出的文本

  pre>
   后一�U�写�?文本前的�I�白也会被显�C�的。除非你真的希望�q�样:)

2.�Ҏ��本内容进行替换�?br />
  回�R和空��g��能正���显�C�，�I�其原因是他们各自的表示方式不同。在textarea里面输入的回车是字符"\r"�Q�html中的回�R(换行)�?
"�?br />
  textarea中输入的�I�格是空�? "�Q�而html中的一个空格是" "。理所当然不能正确昄���。好了现在知道了原因���有了第二种解决�Ҏ��了�?br />
  只要我们���输入的文本中相应的"元素"替换成html认识的就ok了。因此下面一行代码即可解决问题：

  

"要输出的文本".replaceAll(" "," ").replaceAll("\r","<br/>");
  �{�等。这里还有一点小问题。把一个空格替换成一�? "�I�格看上��M��然要���些。如果你喜欢可以替换�?个�?br />
  

  最后，除了回�R和空��g��外还有很多空白字�W�如tab�{�，如果你喜�Ƣ可以一�q�处理了^_^

  

  最后的最后，如果本来的文本是很长的一行，使用pre标签后就不会自动换行。结果页面出现横向滚动条。不知道有没有好的解��x��法？

  而将�W�二�U�方法处理过的文本放�?lt;p>标签中显�C�，���可以显�C�正常�?br />
  



落Nicety 2008-10-09 21:19 发表评论

亚洲无线码在线一区观看,学生妹亚洲一区二区,亚洲变态另类一区二区三区