当前位置: 首页 > Web前端 > CSS

textarea输入多个空格或换行只显示一个空格的解决方法

时间:2023-03-30 16:23:17 CSS

最近在做一个类似留言板的功能。当用户点击评论按钮时,会出现一个输入框(textarea)。输入完文字后,点击新闻发布会,直接将输入框绑定的值(v-model)传递给后台存储,然后再从后台取回。在输入多个空格/空行的情况下,前端读取/抓取直接实现为html形式的字符串,也就是说无论连续多少个空格/空行,都只会显示文本在元素中显示为单个空格。检查解决方法:在包装显示内容的标签中添加属性“white-space:pre-wrap”。另外,解决此类问题的方法有以下三种:1)使用转义字符,如“”等,代替手动输入的空格2)使用全角空格,解析为汉字处理3)使用prelabelwrappedtext