微信小程式text坑
阿新 • • 發佈:2019-02-01
蛋疼的小程式
做表格
可以用
<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
的