微信小程序按钮宽度无法改变

问题描述

写微信小程序时，相信不少人都会遇到一个问题“按钮的宽度无法改变”，这时候如何解决呢，在这里介绍几种解决方法。

解决方法

方法一

使用行内样式

<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",

人心如良苗，得养乃滋长。苗以泉水灌，心以理义养。一日不读书，胸臆无佳想。一月不读书，耳目失精爽。