在开发中经常会遇到:包含多行文本框的表单提交后,与输出页面中看到的是乱糟糟的,没有按照原本提交的文章样式来显示。如何如何让文本该换行就行,该缩进就缩进呢。与此提供一种小方法,无需通过代码对标签进行转义的简单便捷方法。
1.使用<pre>标签将内容包起来:入<pre>${replyContent}</pre>
2.添加样式,支持各浏览器:
<style type="text/css">
pre{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
</style>
3.完事