微信小程序开发:微信小程序中的换行、空格代码_百业营销网

微信小程序开发:微信小程序中的换行、空格代码

微信小程序开发 161℃ 0

微信小程序开发:微信小程序中的换行、空格代码

微信小程序中的换行代码:

1、前置条件:

以往的<br/>标签不能发挥效用;

必须结合<text>标签才能实现换行。


2、实现过程:

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

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

<text>标签内文本换行

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


微信小程序中的单个空格代码:

1、前置条件:

无论添加多少个\t标签都只显示一个空格

<view>和<text>标签都能实现

2、实现过程:

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

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


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

<text>深圳\t北 \t  与\t深圳北</text>


微信小程序中的连续空格代码:

1、前置条件:

必须结合<text>标签实现连续空格;

decode或space属性后面跟所需要的空格类型。

2、实现过程:

(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>