博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
java 页面换行处理
阅读量:5278 次
发布时间:2019-06-14

本文共 869 字,大约阅读时间需要 2 分钟。

在taxtarea中输入的文本。如果含有回车或空格。在界面上显示的时候则不哪么正常。回车消失了,空格变短了。

如何解决这个问题呢。有2种方法。
1.使用<pre>标签
w3c对pre元素是这样定义的:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
更详细的内容请参考 http://www.w3school.com.cn/tags/tag_pre.asp
也就是说包含在pre标签中的回车和空格会正常的显示出来。包括你在页面代码中输入的。所以如果使用pre元素你需要这样写:
<pre>要输出的文本</pre> ,而不是这样:
<pre>
要输出的文本
</pre> 后一种写法 文本前的空白也会被显示的。除非你真的希望这样:)
2.对文本内容进行替换。
回车和空格不能正确显示,究其原因是他们各自的表示方式不同。在textarea里面输入的回车是字符"\r",html中的回车(换行)是"<br/>"。
textarea中输入的空格是空白" ",而html中的一个空格是"&nbsp;"。理所当然不能正确显示。好了现在知道了原因就有了第二种解决方案了。
只要我们将输入的文本中相应的"元素"替换成html认识的就ok了。因此下面一行代码即可解决问题:
"要输出的文本".replaceAll(" ","&nbsp;").replaceAll("\r","<br/>"); 等等。这里还有一点小问题。把一个空格替换成一个"&nbsp;"空格看上去仍然要少些。如果你喜欢可以替换成2个。
最后,除了回车和空格以外还有很多空白字符如tab等,如果你喜欢可以一并处理了^_^
最后的最后,如果本来的文本是很长的一行,使用pre标签后就不会自动换行。结果页面出现横向滚动条。不知道有没有好的解决方法?
而将第二种方法处理过的文本放在<p>标签中显示,就可以显示正常。

转载于:https://www.cnblogs.com/Struts-pring/p/3937813.html

你可能感兴趣的文章
NET中各种加密解密方法
查看>>
HTTP协议详解-基础知识
查看>>
activity-alias详解及应用
查看>>
[51单片机] SPI nRF24L01 无线简单程序 1
查看>>
[ucgui] 对话框4——模式消息窗口
查看>>
Android之XML序列化和解析
查看>>
YPBPR_PC下图像有毛刺或者水纹干扰的处理办法
查看>>
刷题向》关于一道奇怪的贪心(田忌赛马)BZOJ1034(NORMAL-)
查看>>
SDN第五次上机作业
查看>>
常用代码收藏
查看>>
设计模式(c#)代码总结
查看>>
POJ-Common Substrings(后缀数组-长度不小于 k 的公共子串的个数)
查看>>
Linux系统查看日志信息总结
查看>>
斐波那契数列
查看>>
Jpa规范中persistence.xml 配置文件解析
查看>>
net1:DateTime,Application与Session,
查看>>
.Net 4.0 新特性
查看>>
Collection类集
查看>>
SpringBoot集成TkMybatis插件 (二)
查看>>
css基础--Display(显示) and Visibility(可见性)and position (定位)
查看>>