微信小程序中换行,空格(多个空格)写法
在HTML5中我们都知道编辑文档换行的时候直接用<br>就可以了,但在wxml中却识别不了<br>标签。
空格,换行在小程序中的写法整理如下:
必须在<text>标签中!
一、空格
js:
Page({
data: {
text0: '这是一个段落 \n 看我变身换行',
text1:'这是一个段落 看我空格',
},
})
wxml:
<view>
<text>这是一个段落 \n 看我变身换行</text>
</view>
<view>
<text>{{text0}}</text>
</view>
二、空格及连续空格
wxml:
<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}}">我要 开始   空格了(空格是中文字符一半大小)</text>
</view>
<view>
<text decode="{{true}}">我要 开始   空格了(空格是中文字符大小)</text>
</view>
<view>
<text decode="{{true}}">我要 开始 空格了(空格根据字体设置)</text>
</view>
后台传入的富文本换行,在富文本中 \n 会被当做字符串处理,只有在js文件中写入 \n,才能被正确转义实现换行。
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post YES开发框架