页面输出换行的问题

从textarea或者input获取的文本,再输出时会有换行消失的问题。实际上是/r和</br>的区别。

解决方法有两个:

1. 对文本内容进行替换

str.replaceAll(" ","&nbsp;").replaceAll("\r","<br/>");

2. 使用pre标签

有一个缺点,pre标签内的内容不会自动换行,需要填加以下样式:

pre {
white-space: pre-wrap;
word-wrap: break-word;
}

猜你喜欢

转载自blog.csdn.net/shengandshu/article/details/70799839