小程序多个空格写法

最新推荐文章于 2024-02-07 10:13:15 发布

sunsineq

最新推荐文章于 2024-02-07 10:13:15 发布

阅读量468

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序

原文链接：https://blog.youkuaiyun.com/i_dont_know_a/article/details/81746969

小程序专栏收录该内容

41 篇文章

订阅专栏

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

方案一

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