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

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

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

实例

多个\t无效

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

微信小程序中 空格符和换行符的使用_第1张图片
\n无影响,有几个显示几个

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

微信小程序中 空格符和换行符的使用_第2张图片
四个 实现段首缩进

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

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

微信小程序中 空格符和换行符的使用_第3张图片
两个 实现段首缩进
一个 代表一个汉字空格大小;

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

微信小程序中 空格符和换行符的使用_第4张图片
 的使用
 有很神奇的用处,在我使用其余两个怎么都对不齐的时候,加一个 就对齐了;

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

在这里插入图片描述

你可能感兴趣的:(微信小程序学习笔记,微信小程序)