在微信小程序中,可以使用flex布局来实现两个button位于同一行。

首先,在父容器上设置display: flex;,这将使子元素水平排列。

然后,在子元素的样式中添加flex: 1;,这将使两个button平分父容器的宽度。

以下是示例代码:

<view class="button-container">
  <button class="reset-btn" form-type="reset" type="primary">重置</button>
  <button class="upload-btn" form-type="submit" type="primary">提交</button>
</view>
.button-container {
  display: flex;
}

.reset-btn,
.upload-btn {
  flex: 1;
}

通过上述代码,两个button将会水平排列,并且平分父容器的宽度。

button class=reset-btn form-type=reset type=primary重置buttonbutton class=upload-btn form-type=submit type=primary提交button微信小程序中怎么实现两个button位于同一行

原文地址: https://www.cveoy.top/t/topic/ioM8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录