• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在HTML5中我们都知道编辑文档换行的时候直接用<br>就可以了,但在wxml中却识别不了<br>标签。

空格,换行在小程序中的写法整理如下:

必须在<text>标签中!

一、空格

js:

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

wxml:

<view>
  <text>这是一个段落 \n 看我变身换行</text>
</view>
<view>
  <text>{{text0}}</text>
</view>

二、空格及连续空格

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

后台传入的富文本换行,在富文本中 \n 会被当做字符串处理,只有在js文件中写入 \n,才能被正确转义实现换行。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
uniapp微信小程序订阅消息推送功能发布时间:2022-07-18
下一篇:
扒小程序代码,抓取源码发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap