微信小程序如何设置卡片并排排序

在微信小程序中，可以使用Flex布局来实现卡片并排排序的效果。Flex布局是一种弹性盒子布局模型，可用于快速实现各种复杂的布局方式。

下面是一个简单的示例代码，展示了如何使用Flex布局来实现卡片并排排序：

<view class="container">
  <view class="card"></view>
  <view class="card"></view>
  <view class="card"></view>
</view>

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card {
  width: 30%;
  height: 100px;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}

在上面的代码中，我们首先使用一个`<view>`标签包裹了三个卡片，然后在`.container`的样式中，使用`display: flex;`将其设置为Flex布局，并使用`flex-wrap: wrap;`实现换行。

接着，我们使用`justify-content: space-between;`将卡片在主轴上（横向排列的轴）上均匀分布，并使用`.card`的样式设置卡片的宽度、高度、背景色和下边距。

这样，当容器宽度足够时，三个卡片会并排显示在同一行中；当容器宽度不够时，卡片会自动换行，并保持横向均匀分布的效果。