如何批处理 输出换行后端输出的html换行文本js无法直接

来源：蜘蛛抓取(WebSpider) 时间：2017-01-14 01:38 标签： nodejs 后端输出html
7724人阅读
HTML/JavaScript（1）
下边是JS代码
function jia()
show.value = show.value + txt.value + &\n&;
&textarea name=&show& cols=&50& rows=&5& id=&show& wrap=&physical&&&/textarea&
&a href=&#& onclick=&jia()&&加入到textarea的字符&/a&
&input name=&txt& type=&text& id=&txt&/&
将上边代码拷贝到页面“编辑您的代码”中，按下“TRY IT YOURSELF”，即可看到结果，见下图
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：354218次
积分：3729
积分：3729
排名：第6924名
原创：69篇
转载：13篇
评论：97条
(3)(1)(1)(1)(1)(1)(2)(1)(5)(1)(1)(1)(1)(4)(1)(2)(2)(1)(2)(1)(3)(1)(1)(1)(2)(1)(1)(2)(14)(5)(1)(1)(3)(3)(1)(4)(1)(1)(1)(2)(1)(1)(1)(1)您当前所在位置： >
> Web后端开发
CSS控制文本自动换行的方法
大家知道CSS控制文本自动换行吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。
1.你定死表格的宽度，即给表格一个宽度值(是数值，不是百分比)
2.强制不换行
//white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象
white-space: }
word-wrap: break-
//word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则，允许在字内换行
word-break:
强制英文单词断行
word-break:break-
3.总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
table{table-layout:}
td(word-break: break- word-wrap:break-)
注释一下：
1.第一条table{table-layout:}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
word-break : normal | break-all | keep-all
normal : 　依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
break-all : 　该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 　与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本
word-wrap : normal | break-word
normal : 　允许内容顶开指定的容器边界
break-word : 　内容将在边界内换行。如果需要，词内换行(word-break)也行发生
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为word-wrap。请参阅我编写的其他书目。
table-layout : auto | fixed
auto&: 　默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 　固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关
如何让表格自动换行?
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。
4.按照网上大多数文章的说法，只要在CSS中加入：
..........
table-layout:word-break:break-word-wrap:break-}
div{word-break:break-word-wrap:break-}
就可以解决表格和层被撑破，最初我也是这样做的。不过这样的代码会造成一个问题，你会发现英文词全部被截断了，这不符合英语的书写习惯也不利于阅读。
后来我发现上述代码改写一下就可以做到既防止表格/层撑破又防止单词断裂了。
table-layout:
word-wrap:break-
word-wrap:break-
这也是现在我用的代码。
相信大家已经学会CSS控制文本自动换行了吧!感谢大家对我们网站的支持!
相关推荐：
上一篇：下一篇：
本文相关阅读
高校查询分数线
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
地区批次线查询
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
科目理科文科综合其他
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
院校所在地北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
其它中央部委
类型工科农业师范民族
层次本科高职(专科)
高考志愿③部曲
频道热门推荐
栏目最新更新怎样才能不换行？该怎么处理 - HTML/CSS当前位置:& &&&怎样才能不换行？该怎么处理怎样才能不换行？该怎么处理&&网友分享于：&&浏览：17次怎样才能不换行？css:.picinfo{width:999margin:0}.pleft {width:200float:}.pright {float:}&div class=picinfo&&div class=&pleft&&&div ID=&idPicOriginalSize&&&/div&&/div&　
&div class=&pright&&
&script language=&javascript& type=&text/javascript&&DownLink(&&);&/script&
&SCRIPT src=&/ad0.js&&&/SCRIPT&&/div&&/div&这个&div ID=&idPicOriginalSize&&&/div&是一个js的 document.all.idPicOriginalSize.innerHTML& 现在的问题是：&div ID=&idPicOriginalSize&&&/div& 和 &div class=&pright&& 内容 不在一排，他换行了。怎样才能不换行？------解决方案--------------------
错了...那个是控制文本的，你这个不让什么换行啊？
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有> 解决带换行符的字段在web页面无法换行的有关问题
解决带换行符的字段在web页面无法换行的有关问题
mbshop & &
发布时间： & &
浏览：34 & &
回复：0 & &
悬赏：0.0希赛币
解决带换行符的字段在web页面无法换行的问题
　　在BS项目，有时候大家可能遇到这样的问题：在textarea中输入一堆内容，里面难免会有一些回车换行，保存成功后到详细页面去查看刚才输入的内容，你会发现那些本该换行的地方并未换行。今天研究了一下，把这个小问题解决了。
　　很简单：在HTML中使用&PRE&标签即可，比如下面代码
　　最后这四句话会换行显示，当然&PRE&中也可以嵌入java代码显示。
　　推荐使用上面的方法，下面这个方法是一年前的解决方案，绕了很多弯路。
　　首先来看，我们在页面输入换行的信息，点击提交后在控制台打印刚才输入的信息是什么样子的：
　　页面输入内容：
点击确定后，控制台的内容：
　　从上面可以看到，在前台输入的回车换行到后台还是很好的保存了。
　　然后我们再到详细页面，获取刚才输入的内容，看下有什么问题：
　　&table&
&td class="infoname bo p14"
valign="top"&公司简介：&/td&
&td $>{MemberDetailDto.corporation.t811}&/td&
　　显示结果：
　　可以看到，页面时没有对这些字段进行换行处理的。
　　分析原因：我们知道html的换行标签是&br&，而在java中换行符是/r/n。也就是说：在textarea中输入回车换行再存入数据库时，这些回车换行符是以/r/n的形式存入数据库的，取出来也同样，但是到页面时html是无法将/r/n当换行处理的。
　　解决方法：在后台从数据库取出数据的时候将/r/n转换成&br/&即可
　　后台代码：
　　infoMemberDetailDto.getCorporation().setT811(infoMemberDetailDto.getCorporation().getT811().replace("\r\n", "&br/$>$));
　　页面效果：
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&

我要回帖

更多关于 nodejs 后端输出html 的文章

 

随机推荐