button class=reset-btn form-type=reset type=primary重置buttonbutton class=upload-btn form-type=submit type=primary提交button微信小程序中怎么实现两个button位于同一行
在微信小程序中,可以使用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将会水平排列,并且平分父容器的宽度。
原文地址: https://www.cveoy.top/t/topic/ioM8 著作权归作者所有。请勿转载和采集!