微信小程序> 微信小程序中换行,空格(多个空格)写法

微信小程序中换行,空格(多个空格)写法

浏览量:3989 时间: 来源:很奴隶的一枚程序猿

在HTML5中我们都知道编辑文档换行的时候直接用br就可以了,但在wxml中却识别不了br标签。空格,换行在小程序中的写法整理如下:

必须在text标签中!

一、空格

js:

Page({  data: {    text0: '这是一个段落  看我变身换行',    text1:'这是一个段落 看我空格',  },})

wxml:

view  text这是一个段落  看我变身换行/text/viewview  text{{text0}}/text/view

二、空格及连续空格

view text style="white-space:pre-wrap"{{text1}} ———— white-space:pre-wrap 文本保留空格和回车/text/viewview text这是一个段落tttttt看我空格( 多个只会显示一个空格) /text/viewview    text decode="{{true}}"我要 开始   空格了(空格是中文字符一半大小)/text/viewview    text decode="{{true}}"我要 开始   空格了(空格是中文字符大小)/text/viewview    text decode="{{true}}"我要 开始   空格了(空格根据字体设置)/text/view

后台传入的富文本换行,在富文本中 会被当做字符串处理,只有在js文件中写入 ,才能被正确转义实现换行。
转处:https://www.cnblogs.com/xiao-ling-zi/p/9323526.html

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎