小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如何将图中的三个按钮放在底部
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<view class='item'>
<view>
<button>按钮1</button>
</view>
<button>按钮2</button>
<button>按钮3</button>
page{
width: 100%;
height: 100%;
box-sizing: border-box;
}
.item{
display: flex;
align-items: flex-end;
justify-content: space-between;
.item>view{
width: 160rpx;
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
能做个代码片段吗？
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
bottom: 0;
试过不行
position: fixed;
加了之后，移到下面了，但三个按钮不像原来的分开对齐了
瞎猜：你的page没有设置高度。代码在下面，仅供参考
一直都弄不好
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<view class='item'>
<view>
<button>按钮1</button>
</view>
<view>
<button>按钮2</button>
</view>
<view>
<button>按钮3</button>
</view>
</view>
page{
width: 100%;
height: 100%;
box-sizing: border-box;
}
.item{
display: flex;
height: 100%;
align-items: flex-end;
justify-content: space-between;
}
.item>view{
width: 160rpx;
}
能做个代码片段吗？
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
bottom: 0;
试过不行
position: fixed;
bottom: 0;
加了之后，移到下面了，但三个按钮不像原来的分开对齐了
瞎猜：你的page没有设置高度。代码在下面，仅供参考
一直都弄不好