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

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、保存代码，查看模拟器如下图，中文也实现了自动换行。

通常情况下，当用户在输入文本区域中键入文本后，浏览祥大器会将它们按照键入时的状态发送给服务器。只有用户按下 Enter 键的地方生成换行。

如果您希望启动自动换行功能（word wrapping），请将 wrap 属性设置为 virtual 或 physical。当用户键入的一行文本长于文本区的宽度时，浏览器会自动将多余的文字挪到下一行，在文字中最近的那一点换行。

wrap="virtual" 将实现文本区内的自动换行，以改善对用户的显示，但在传输给服务器时，文本只在用户按下 Enter 键的地方进行换行链野，其他地方没有换行的效果。

wrap="physical" 将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器，因为使用自动换行是非常有用的方法。

如果把 wrap 设置为 off，将得到默认的动作。谨唤竖

希望对你有点帮助。

㊣

为了展示效果，提前加入多行文本模拟雹知数据乎颤。如下源顷消图

给需要使用换行的 text 标签添加CSS自动换行属性

小程序中的 textarea 等标签虽然都是显示文本的双闭合标签，但在使用方式上跟W3C标准下的 textarea 标签有所不同。延伸阅读： 微信小程序开发文档·textarea组件

js文件

---