1、打开开发者工具,在项目的pages文件夹下,新建mypage文件夹,并在文件夹内新建mypage,并在app.json中将mypage设为第一页面。
2、在mypage.wxml中写代码如下。
3、保存代码,在模拟器中查看效果如下图。
4、在mypage.wxss中添加代码如下:view{overflow-wrap: break-word;}。
5、保存代码,就实现了自动换行,注意view默认的display为block。
6、mypage.wxss不用改,再把内容改为中文测试一下,修改mypage.wxml。
7、保存代码,查看模拟器如下图,中文也实现了自动换行。
如果你用的是小程序的textarea提交到后台的数据是不用做任何修改的,也就是说你提交的时候有换行显示出来的时候也有换行,在小程序显示的时候要用<text></text>包起来,不然只是一个空格;
2.如果你使用例如phpmyadmin直接编辑数据库的话可以直接在数据库里打出换行:
像这样,可以通过“shift”+“回车”打出来换行,记得显示时也要用<text></text>包起来,不然只是一个空格;
3.或者你可以在数据库里用一些特殊字符来代替换行,例如'&hc',然后在需要显示的地方替换'&hc'为'\n',参考代码:var str = res.data.text.split('&hc').join('\n'),同样要用<text></text>标签包起来。