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

版权声明：本文为博主原创文章，转载时请注明出处。 https://blog.csdn.net/i_dont_know_a/article/details/81746969

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

▍方案一

<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>标签中才能实现效果。