微信小程序text坑

本文探讨了在小程序中使用<view>和<text>标签进行表格布局的区别及注意事项。指出<text>标签无法设置宽度导致排版不统一的问题,并推荐使用<view>标签以更好地控制元素宽度。

蛋疼的小程序

做表格

可以用

    <view class='historyDetail'>
        <view class='lastChoose'>
          <text>哈尔滨</text>
          <text>上海</text>
          <text>南昌</text>
          <text>京山</text>
          <text>杭州</text>
        </view>
      </view>

也可以用

      <view class='historyDetail'>
        <view class='lastChoose'>
          <view>哈尔滨</view>
          <view>上海</view>
          <view>南昌</view>
          <view>京山</view>
          <view>杭州</view>
        </view>
      </view>

原因很简单

在使用<text>标签的时候,无法给其设置宽度,而使用<view>标签,则可以使用宽度
如果用<text>的时候用padding,来撑开宽度,会导致因<text>内部的文本内容的不同而使之整体的宽度不同,再给他加上边框时,显示就不和谐了

这里写图片描述

上图中的历史选择 部分是用<view> 写的小模块, 在所用省份里面用的是<text> 明显的可以看到第5排的排版的问题,因为<text>标签内部的文本内容的不一致而导致的text的样式的不一致,但是text又设置不了width,这就很尴尬了。

我目前了解到

<veiw>可以设置width<text>是不能设置width

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值