微信小程序中换行,空格(多个空格)写法

在HTML5中我们都知道编辑文档换行的时候直接用<br>就可以了，但在wxml中却识别不了<br>标签。

空格，换行在小程序中的写法整理如下：

必须在<text>标签中！

一、空格

js:

Page({data: {text0: '这是一个段落 \n 看我变身换行',text1:'这是一个段落 看我空格',}, })

wxml:

<view><text>这是一个段落 \n 看我变身换行</text> </view> <view><text>{{text0}}</text> </view>

二、空格及连续空格

<view><text style="white-space:pre-wrap">{{text1}} ———— white-space:pre-wrap 文本保留空格和回车</text> </view> <view><text>这是一个段落\t\t\t\t\t\t看我空格（ 多个只会显示一个空格） </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>

后台传入的富文本换行，在富文本中 \n 会被当做字符串处理，只有在js文件中写入 \n，才能被正确转义实现换行。

 

 

 

转载于:https://www.cnblogs.com/xiao-ling-zi/p/9323526.html

总结

以上是生活随笔为你收集整理的微信小程序中换行,空格(多个空格)写法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。