微信小程序怎么设置文本换行(从后台拿的数据)

Posted 2023-03-05

怎么实现换行，求指教啊！

1、打开开发者工具，在项目的pages文件夹下，新建mypage文件夹，并在文件夹内新建mypage，并在app.json中将mypage设为第一页面。

2、在mypage.wxml中写代码如下。

3、保存代码，在模拟器中查看效果如下图。

4、在mypage.wxss中添加代码如下：viewoverflow-wrap: break-word;。

5、保存代码，就实现了自动换行，注意view默认的display为block。

6、mypage.wxss不用改，再把内容改为中文测试一下，修改mypage.wxml。

7、保存代码，查看模拟器如下图，中文也实现了自动换行。

参考技术A 1，你用view标签直接显示文字
2，标签添加 style=" word-break: break-all" 样式本回答被提问者和网友采纳 参考技术B

可以直接按Enter键换行，也可以输入特殊代码 \\n 来实现换行

参考技术C

如果你用的是小程序的textarea提交到后台的数据是不用做任何修改的，也就是说你提交的时候有换行显示出来的时候也有换行，在小程序显示的时候要用<text></text>包起来，不然只是一个空格；

2.如果你使用例如phpmyadmin直接编辑数据库的话可以直接在数据库里打出换行：

像这样，可以通过“shift”+“回车”打出来换行，记得显示时也要用<text></text>包起来，不然只是一个空格；

3.或者你可以在数据库里用一些特殊字符来代替换行，例如'&hc'，然后在需要显示的地方替换'&hc'为'\\n'，参考代码：var str = res.data.text.split('&hc').join('\\n')，同样要用<text></text>标签包起来。