微信小程序中的换行、空格

换行

前置条件:

  1. 以往的
    标签不能发挥效用
  2. 必须结合标签才能实现换行

实现过程:

  1. 标签里加上\n可以实现换行
第一行\n第二行\n第三行
  1. 标签内文本换行

第一行
第二行
第三行

最终效果:
微信小程序中的换行、空格_第1张图片

单个空格

前置条件:

  1. 无论添加多少个\t标签都只显示一个空格
  2. 标签都能实现

实现过程:

  1. 标签里加上\t可以实现单个空格
南\t半球 \t\t  与\t北海道
  1. 标签里加上\t可以实现单个空格
南\t半球 \t  与\t北海道

最终效果:
微信小程序中的换行、空格_第2张图片

连续空格

前置条件:

  1. 必须结合标签实现连续空格
  2. decodespace属性后面跟所需要的空格类型

实现过程:

  1. 使用decode='true'属性,有多少空格显示多少空格
南 半球     北海道

最终效果:
微信小程序中的换行、空格_第3张图片

  1. 使用decode='nbsp'space='nbsp'属性,有多少空格显示多少空格
南\t半球     \t\t与\t北海道
南\t半球     \t\t与\t北海道

最终效果:
微信小程序中的换行、空格_第4张图片
3. 使用decode='emsp'space='emsp'属性,有多少空格显示多少空格

南\t半球     \t\t与\t北海道
南\t半球     \t\t与\t北海道

最终效果:
微信小程序中的换行、空格_第5张图片

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