微信小程序中的换行、空格

换行

前置条件：

1. 以往的<br/>标签不能发挥效用
2. 必须结合<text>标签才能实现换行

实现过程：

1. 在<text>标签里加上\n可以实现换行

<text>第一行\n第二行\n第三行</text>

2. <text>标签内文本换行

<text>
第一行
第二行
第三行
</text>

最终效果：

单个空格

前置条件：

1. 无论添加多少个\t标签都只显示一个空格
2. <view>和<text>标签都能实现

实现过程：

1. 在<view>标签里加上\t可以实现单个空格

<view>南\t半球 \t\t  与\t北海道</view>

2. 在<text>标签里加上\t可以实现单个空格

<text>南\t半球 \t  与\t北海道</text>

最终效果：

连续空格

前置条件：

1. 必须结合<text>标签实现连续空格
2. decode或space属性后面跟所需要的空格类型

实现过程：

1. 使用decode='true'属性，有多少空格显示多少空格

<text decode='true'>南&nbsp;半球&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北海道</text>

最终效果：

2. 使用decode='nbsp'或space='nbsp'属性，有多少空格显示多少空格

<text decode='nbsp'>南\t半球     \t\t与\t北海道</text>
<text space='nbsp'>南\t半球     \t\t与\t北海道</text>

最终效果：

3. 使用decode='emsp'或space='emsp'属性，有多少空格显示多少空格

<text decode='emsp'>南\t半球     \t\t与\t北海道</text>
<text space='emsp'>南\t半球     \t\t与\t北海道</text>

最终效果：