微信小程序空格写法

其他做法：在text标签后加上一个decode解码，里面输入跟html一样  其他一些符号同理。附图

并不是所有的html转义的都可以，以下这个表是都有效果的

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： 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>标签中才能实现效果。