微信小程序换行处理
·
1、微信小程序实现两行显示,超过直接用省略号显示。
overflow:hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
2、微信小程序实现转义换行符
Page({
onShow: function(){
var that = this;
var string='1、一定要注意,text中\n才能生效,view里边直接写\n不行
2、一定要注意,text中\n才能生效,view里边直接写\n不行
3、一定要注意,text中\n才能生效,view里边直接写\n不行'
# 在html中可以直接使用<br/>换行
# string = string.replace(/\r\n/g,"<br>")
# string = string.replace(/\n/g,"<br>");
# 小程序wxml中使用<br/>无效,可以换成\n
string = string.replace(/\r\n/g,"\n");
string = string.replace(/\n/g,"\n");
that.setData({
string:string
})
}
})
<text>{{string}}</text>
更多推荐
已为社区贡献6条内容
所有评论(0)