微信小程序如何让两个按钮位于同一行

<p><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><style>.button-container{display:flex;}.reset-btn,.upload-btn{flex:1;}</style>在微信小程序中，可以使用<code>flex</code>布局来实现两个button位于同一行。\n\n首先，在父容器上设置<code>display: flex;</code>，这将使子元素水平排列。\n\n然后，在子元素的样式中添加<code>flex: 1;</code>，这将使两个button平分父容器的宽度。\n\n以下是示例代码：\n\n<code>html\n&lt;view class=&quot;button-container&quot;&gt;\n  &lt;button class=&quot;reset-btn&quot; form-type=&quot;reset&quot; type=&quot;primary&quot;&gt;重置&lt;/button&gt;\n  &lt;button class=&quot;upload-btn&quot; form-type=&quot;submit&quot; type=&quot;primary&quot;&gt;提交&lt;/button&gt;\n&lt;/view&gt;\n</code>\n\n<code>css\n.button-container {\n  display: flex;\n}\n\n.reset-btn,\n.upload-btn {\n  flex: 1;\n}\n</code>\n\n通过上述代码，两个button将会水平排列，并且平分父容器的宽度。</p>