微信小程序文本的换行

 时间:2024-10-12 23:08:13

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

微信小程序文本的换行

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

微信小程序文本的换行

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

微信小程序文本的换行

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

微信小程序文本的换行

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

微信小程序文本的换行

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

微信小程序文本的换行

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

微信小程序文本的换行
  • jquery如何实现鼠标放上div时改变其大小
  • HTML表单教程 多选项的详解
  • JavaScript自动更新时间显示
  • 如何用jquery给li标签加边框
  • mysql如何创建数据库?
  • 热门搜索
    广州火车站在哪里 如何格式化u盘 仓鼠怎么养不容易死 侠盗飞车5怎么下载 如何向城管申请摆摊 如何理财 怎么清理笔记本键盘 晚安的朋友圈说说 寒假去哪里旅游最好 叙利亚在哪里