在微信小程序中，如果你想让两个输入框（input）平行排列，可以通过使用 Flexbox 布局来实现。Flexbox 是一种非常强大的布局模型，能够使元素在容器内灵活排列。
以下是一个简单的示例，展示如何在微信小程序中使用 Flexbox 来实现两个输入框的平行排列：
1. 在 WXML 文件中定义布局
首先，在页面的 WXML 文件中定义两个输入框，并使用 Flexbox 布局来控制它们的排列。
<view class="container"> <input class="input-item" placeholder="输入框1" /> <input class="input-item" placeholder="输入框2" /> </view>
2. 在 WXSS 文件中设置样式
.container {
display: flex; /* 开启 Flexbox 布局 */
justify-content: space-between; /* 使子元素平均分布 */
align-items: center; /* 垂直居中对齐 */
}
.input-item {
flex: 1; /* 使输入框填满可用空间 */
}
解释：
.container 类使用了 display: flex; 来开启 Flexbox 布局。
justify-content: space-between; 使得两个输入框之间有等量的空间，但它们各自占据的空间是相等的。这保证了它们平行排列。
align-items: center; 确保输入框在容器中垂直居中。
.input-item 类中的 flex: 1; 属性使得每个输入框都尝试占据相同的空间，从而实现平行排列。
通过这种方式，你可以很容易地实现在微信小程序中两个输入框的平行排列。你可以根据实际需求调整间距、对齐方式等样式属性。例如，如果你想要更多的空间在输入框之间，可以调整 justify-content 的值，或者去掉 space-between 使用 space-around 或 space-evenly 等。如果你想要输入框之间有固定的间距而不是等分剩余空间，可以移除 flex: 1; 并直接设置宽度或间距。例如：
.input-item {
width: calc(50% - 10px); /* 减去间距的一半 */
margin-right: 10px; /* 在右侧添加间距 */
}
.input-item:last-child {
margin-right: 0; /* 移除最后一个元素的右侧间距 */
}
这样也能达到两个输入框平行排列的效果，同时控制它们之间的间距。