从后端传过来的数据,明明是换行,却都替换成空格了。

文本换行问题:https://www.cnblogs.com/leegent/p/9274424.html

    从后端传过来的数据,明明是换行,却都替换成空格了。

    解决办法:设置 white-space 属性。

    pre-wrap值的意思是保留空白并且正常换行。其实设置为pre即可使换行符发挥作用,但这时文本在div宽度不足时不会自动换行,而是撞破边界延伸到div外部去,所以还得加上wrap。

// CSS部分
.text-wrapper {
  white-space: pre-wrap;
}
// HTML部分
<div class="text-wrapper">{{text}}</div>

posted on 2019-04-30 11:14  mlllily  阅读(700)  评论(0编辑  收藏  举报