微信小程序（9）——多个空格写法

通常情况下，在微信小程序里，连续的多个空格只会被显示一个，那么如何显示多个连续的空格呢？

 

▍方案一

<view>
    <text space="ensp">你好，      哈哈哈（空格是中文字符一半大小）</text>
</view>
<view>
    <text space="emsp">你好，      哈哈哈（空格是中文字符大小）</text>
</view>
<view>
    <text space="nbsp">你好，      哈哈哈（空格根据字体设置）</text>
</view>

 

▍方案二

<view>
    <text decode="{{true}}">你好，&ensp;&ensp;&ensp;哈哈哈（空格是中文字符一半大小）</text>
</view>
<view>
    <text decode="{{true}}">你好，&emsp;&emsp;&emsp;哈哈哈（空格是中文字符大小）</text>
</view>
<view>
    <text decode="{{true}}">你好，&nbsp;&nbsp;&nbsp;哈哈哈（空格根据字体设置）</text>
</view>

 

▍注意

以上两种方案都只有在<text></text>标签中才能实现效果。