微信小程序怎么加空格?

如题所述

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

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

必须在<text>标签中!

一、空格

js:

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

wxml:

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

二、空格及连续空格

<view><text>{{text1}}————white-space:pre-wrap文本保留空格和回车</text></view><view><text>这是一个段落 看我空格(多个只会显示一个空格)</text></view><view><textdecode=\"{{true}}\">我要?开始???空格了(空格是中文字符一半大小)</text></view><view><textdecode=\"{{true}}\">我要?开始???空格了(空格是中文字符大小)</text></view><view><textdecode=\"{{true}}\">我要 开始   空格了(空格根据字体设置)</text></view>

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

温馨提示:答案为网友推荐,仅供参考
相似回答