微信小程序开发：将按钮和输入框调整到一行中

    <input class="mail-input" placeholder="或手动输入物品编号" bindinput="inputMailNumber" value="{{mailNumber}}"/>
    <button class="scan-btn" bindtap="scanBarcode">扫码获取物品编号</button>
    <button class="query-btn" bindtap="search">点击查找</button>
    
</view>微信小程序开发代码实现按钮输入框调整到一行中，调整button，input大小宽度怎么修改wxml.wxss代码内容：要将按钮和输入框调整到一行中，你可以在wxml文件中使用flex布局来实现。首先，在view标签的class属性中添加一个新的class名，例如"input-container"。然后，将按钮和输入框包裹在一个新的view标签中，将这个view标签的class属性设置为"input-container"。

在wxss文件中，为"input-container"类添加以下样式：

.input-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.mail-input {
  flex: 1;
  width: 70%; /* 调整输入框的宽度 */
}

.scan-btn,
.query-btn {
  width: 25%; /* 调整按钮的宽度 */
}

这样，按钮和输入框就会水平排列在一行中，并且宽度也可以根据需要进行调整。