微信小程序：如何实现两个按钮在最右侧并排

时间：2020-12-06 00:21:10 收藏：0 阅读：1142

要实现的效果：

技术分享图片

wxml端代码：

</view>

</navigator>

</view>

样式代码

.prepare_param {
              .prepare_confirm1{
                padding-left: 350rpx;
              }

              .prepare_confirm2{
                width: 150rpx;
                float: right;
              }
            }

分析：

将一个div分成两部分，将右侧的按钮的宽度设置成略大于按钮本身的宽度，并让整个div移动到最右端。剩余的宽度为左侧按钮所在div的总宽度，此时设置padding-left的宽度，实现

让左侧按钮无限接近右侧按钮

技术分享图片

原文：https://www.cnblogs.com/zwh0910/p/14091651.html