微信小程序按鈕寬度無法改變
問題描述
寫微信小程序時,相信不少人都會遇到一個問題“按鈕的寬度無法改變”,這時候如何解決呢,在這里介紹幾種解決方法。
解決方法
方法一
使用行內(nèi)樣式
<button style="width:100rpx; height:100rpx"></button>
方法二
使用!important進行樣式提升
button {
height: 80rpx;
width: 80rpx !important;
}
方法三
使用view包裹button
<view class="btn-container">
<button class="btn"></button>
</view>
.btn-container .btn{
height: 80rpx;
width: 80rpx;
}
方法四
刪除"style": "v2",不推薦。
具體路徑為app.json下的"style": "v2",
人心如良苗,得養(yǎng)乃滋長。苗以泉水灌,心以理義養(yǎng)。一日不讀書,胸臆無佳想。一月不讀書,耳目失精爽。

浙公網(wǎng)安備 33010602011771號