微信小程序中 空格符和换行符的使用

符号作用
\t单空格
\n换行
 一半汉字大小的空格
 汉字大小的空格
 自适应字体(font-size)大小的空格

注意所有的符号的使用需要在<text>标签中

实例

多个\t无效

    <!-- 这里会有一个单空格 -->
    <view><text>所谓的\t\t\t天体指的就是人们平日所说的星星,指的是肉眼可见的宇宙中的天体。星星内部的能量的活动使星星变的形状不规则。
    </text></view>

在这里插入图片描述
\n无影响,有几个显示几个

<!-- 这里会有换行 -->
    <view><text>所谓的\n\n\n\n天体指的就是人们平日所说的星星,指的是肉眼可见的宇宙中的天体。星星内部的能量的活动使星星变的形状不规则。
    </text></view>

在这里插入图片描述
四个&ensp;实现段首缩进

一个&ensp;代表半个汉字的空格大小;

<!-- 段首缩进 -->
    <view><text decode="{{true}}">&ensp;&ensp;&ensp;&ensp;所谓的天体指的就是人们平日所说的星星,指的是肉眼可见的宇宙中的天体。星星内部的能量的活动使星星变的形状不规则。
    </text></view>

在这里插入图片描述
两个&emsp;实现段首缩进
一个&emsp;代表一个汉字空格大小;

<!-- 段首缩进 -->
    <view><text decode="{{true}}">&emsp;&emsp;所谓的天体指的就是人们平日所说的星星,指的是肉眼可见的宇宙中的天体。星星内部的能量的活动使星星变的形状不规则。
    </text></view>

在这里插入图片描述
&nbsp;的使用
&nbsp;有很神奇的用处,在我使用其余两个怎么都对不齐的时候,加一个&nbsp;就对齐了;

 <view>著作:《胃不好的人如何吃饭》</view>
      <!-- 空格让两个书名对齐 -->
      <!-- &nbsp;适应字体大小的空格 -->
      <!-- &ensp;半个汉字的空格-->
      <!-- &emsp;一个汉字的空格 -->
      <view><text decode="{{true}}">&nbsp;&ensp;&ensp;&ensp;&ensp;《如何少奋斗十年》</text></view>

在这里插入图片描述

最后

可以关注一下我的公众号,最近开始写公众号,我会在上面分享一些资源和发布一些csdn上发布不了的干货
在这里插入图片描述

点个关注是对博主最大的支持

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值