微信小程序中显示换行、空格

Posted on 2019-09-27 11:29  jessie-xian  阅读(3111)  评论(0编辑  收藏  举报

1.空格,换行

<text>你好!\t七月流火啊!\n我在下一行</text>
\t空格(多个只会显示一个空格)
\n换行

2.连续空格

<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;&ensp;哈哈哈(空格是中文字符一半大小)</text> 
</view>
 
<view> 
   <text decode="{{true}}">你好&emsp;啊&emsp;&emsp;&emsp;哈哈哈(空格是中文字符大小)</text>
</view>
 
<view>
    <text decode="{{true}}">你好&nbsp;啊&nbsp;&nbsp;&nbsp;哈哈哈(空格根据字体设置)</text>
 </view>

注:必须在标签中