微信小程序开发的坑---换行，空格写法

本是古典何须时尚 2021-09-18 11:26 1288阅读 0赞

今天，咱们来说一下，微信小程序中，换行和空格的写法。

### **1、空格** ###

（1）在咱们的html中，咱们的空格都是可以用空格键或者&nbsp;来写，那么在小程序中是否可以呢？

![20190312152933289.png][]

经过测试，空格键来写空格是完全没有问题的，&nbsp;会被解析成字符串来渲染

（2）问题来了，那么在text中，用空格键来写空格有几种方式呢？请移步[官方文档][Link 1]

<text>1 23\n</text>
    <text space="nbsp">4 56(空格根据字体设置) \n</text>
    <text space="ensp">1 23(中文字符空格一半大小) \n</text>
    <text space="emsp">4 56(空格是中文字符大小) \n</text>

（3）那么还有别的可以来写空格么？还有。。。转义字符?

<text>1\t23\n</text>

\*以上三种都可以用来写空格，那么咱们来看一下效果：

![20190312153536570.png][]

### **2、换行** ###

（1）适用自带换行的组件标签，比如view。。。

（2）像text这种不带换行的标签，怎么来换行的，细心的道友可能已经发现了，在便签内加转义字符 **\\n** 就可以实现换行了

![20190312153924706.png][]

# **原创不易，自由转载，注明出处** #

[20190312152933289.png]: /images/20210812/0f42c3f18424422ea285b342ac097360.png
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/component/text.html
[20190312153536570.png]: /images/20210812/7c8bf4f7de884ce2bc0887773880d0a3.png
[20190312153924706.png]: /images/20210812/129fa63dab9147049e3e38d43bd56f17.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1288人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序自动换行

*word-break: break-all; ** **在需要换行的view上添加这个样式即可** ![watermark_type_ZmFuZ3poZW5naG...

Love The Way You Lie/ 2024年04月17日 17:26/ 0 赞/ 76 阅读

相关微信小程序-中英文文本换行的小问题

现象一个for循环出来的列表，居然有的换行且结尾省略，有的却不换行。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

一时失言乱红尘/ 2022年12月04日 01:21/ 0 赞/ 266 阅读

相关微信小程序自动换行的实现

微信小程序中的自动换行，实现代码如下： wxml： < view class= 'header'>服务类型 </ view > < view class= 'ff\_an

ゝ一纸荒年。/ 2022年05月28日 11:09/ 0 赞/ 932 阅读

相关微信小程序空格换行以及如何隐藏标签

微信小程序的空格和换行与HTML是完全不同的. 在HTML中通过字符实体来实现空格的. 空格:   注:分号不能忘记换行: <br>标签微信小程序中类似

墨蓝/ 2022年05月27日 01:46/ 0 赞/ 379 阅读

相关微信小程序怎样显示空格和换行

微信小程序里面的换行和空格只能在`<text></text>`里面写，换行是：`\n`空格是：`\t` 先看效果图： ![这里写图片描述][70] ![这里写图片描

梦里梦外;/ 2022年05月26日 09:24/ 0 赞/ 815 阅读

相关微信小程序（9）——多个空格写法

通常情况下，在微信小程序里，连续的多个空格只会被显示一个，那么如何显示多个连续的空格呢？ ▍方案一 <view> <text space="e

约定不等于承诺〃/ 2022年05月16日 06:08/ 0 赞/ 526 阅读

相关微信小程序开发入坑

1,微信小程序只能发起https请求吗,能不能发送http请求 [https://blog.csdn.net/weixin\_37281289/article/detail

约定不等于承诺〃/ 2022年02月01日 20:13/ 0 赞/ 356 阅读

相关微信小程序开发的坑---换行，空格写法

今天，咱们来说一下，微信小程序中，换行和空格的写法。 1、空格（1）在咱们的html中，咱们的空格都是可以用空格键或者 来写，那么在小程序中是否可以呢

本是古典何须时尚/ 2021年09月18日 11:26/ 0 赞/ 1289 阅读

相关微信小程序开发的坑---vuex

首先声明，楼主用的mpvue进行的微信小程序开发，所以，依然用到了mpvue，那么必然少不了状态管理vuex，首先咱们看一下和一个普通的vue项目的区别： 1、普通的vue项

た入场券/ 2021年09月17日 23:44/ 0 赞/ 980 阅读

相关微信小程序开发的坑---tabBar

楼主最近在自己测试一下小程序，昨天下午浪费了楼主上万个脑细胞，百思不得其解为啥小程序的tabBar不显示呢？楼主是通过mpvue来构建项目，项目目录如下： ![water

电玩女神/ 2021年09月17日 23:00/ 0 赞/ 465 阅读