多语言展示
当前在线:1961今日阅读:103今日分享:49

微信小程序文本的换行

微信小程序文本的换行
方法/步骤
1

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

2

在mypage.wxml中写代码如下: dddddddddddddddddddddddddddddddddddxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx这样view的内容满屏一行也放不下

3

保存代码,在模拟器中查看效果如下图,没有自动换行.

4

在mypage.wxss中添加代码如下: view{overflow-wrap: break-word;}

5

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

6

在view标签内写text标签这个方法同样适用,mypage.wxss不用改,再把内容改为中文测试一下,修改mypage.wxml代码如下:    我是内容哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 

7

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

推荐信息