微信小程序的 .wxml文件中如何加入多个空格

微信小程序的 .wxml文件中如何加入空格

一、直接按空格键

注意:连续多个空格被视为一个空格
代码演示:

<text>
你好 按了一次空格键
你好             按了无数次空格键
</text>

结果:
result

二、使用不换行空格 &nbsp;

先在标签中写decode="{{true}}"
然后&nbsp;就代表空格了

例如:
以下表示空了四格

<text decode="{{true}}">&nbsp;&nbsp;&nbsp;&nbsp;空了四格</text>

代码演示:

<text decode="{{true}}">你好&nbsp;&nbsp;&nbsp;&nbsp;空了四格
你好&nbsp;空了一格
你好 空了一格
</text>

结果:
result

posted @ 2019-08-21 01:24  爱做梦的子浩  阅读(1013)  评论(0编辑  收藏  举报