微信小程序 换行 空格&连续空格 view不自动换行

一、换行
1、必须在<text/>里, 才能用 \n 来换行 ;
2、<view>里的不能用 \n 换行,想在view里换行,只能再包含一个text
换行例子:

<view class='outer_box'>
      <text class='inner-box'>
         1、第一行文字 \n
         2、第二行文字
      </text>
</view>

二、空格&连续空格
1、单个空格
必须在<text/>\t 来显示空格 ;

<text decode='nbsp'>
      我 \t 爱 \t 北京 \t 天安门
</text>

2、多个空格
无论多少个 \t 只能显示一个空格,想显示连续多个空格,用如下方法:
2.1、 方法一 用decode=’true’ 配合  

<text decode='true'>
      我 &nbsp; 爱 &nbsp;&nbsp; 北京 &nbsp;&nbsp;&nbsp;&nbsp; 天安门
</text>

2.2、 方法二 用space=’nbsp’, 这个比较方便,有多少个空格就显示多少空格

<text space='nbsp'>
      我 爱  北京      天安门
</text>

三、多行自动换行

view出现不自动换行,可能原因如下:
1、view 的 display属性 由默认的 display:block; 改为其他的 比如 display:flex; 这种情况下改回 display:block即可实现自动换行
2、view的最大高度/高度 被设置成固定值; 这种情况取消高度限制即可实现自动换行

  • 6
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值