小程序多个空格输入 ----------------1

最新推荐文章于 2024-09-09 01:28:54 发布

Be Patient K

最新推荐文章于 2024-09-09 01:28:54 发布

阅读量259

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/zz210891470/article/details/87536880

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在小程序中正确显示空格的两种方法。通过使用特定的HTML实体或结合textdecode属性，可以实现在文本中插入不同大小的空格，解决直接输入空格或使用&nbsp无效的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序中直接输空格或者&nbsp 都没效果

解决方法：

方法1、

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

方法2、

<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>标签中才有效果