微信小程序text坑

蛋疼的小程序

做表格

可以用

    <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

猜你喜欢

转载自blog.csdn.net/aeoliancrazy/article/details/79737645