1. 程式人生 > >微信小程式text坑

微信小程式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