前言:
今天遇到一个问题,在项目中我用到一个button,使用的时候发现,无论我是将button的宽度设置为width:100%还是width:750rpx,button的宽度始终无法填充满父元素。

可以看到,button宽度无法填满父元素。经过我的努力,一共找到了两种解决方法。
方法一:
直接在wxml中的button按钮上写行内样式,将style设为width:100%(推荐这种方法)。
<view class="view-userinfo">
<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" style="width:100%">授权登录</button>
</view>
方法二:
删除app.json中的配置"style": "v2",。

问题解决后:

可以看到按钮的宽度正常填满了,希望我的文章能够帮到你。
本文介绍了解决微信小程序中button宽度无法填满父元素的问题,提供了两种有效的方法:一是直接在wxml中设置button的style属性为width:100%,二是调整app.json中的style配置。
1024

被折叠的 条评论
为什么被折叠?



