如何让<el-form-item label="所属货架："> <el-select v-model="query.shelfId" size="small" clearable placeholder="选择货架编号" style="width:70%"> <el-option v-for="item in shelfList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> <el-form-item label="编码规则："> <el-select v-model="query.shelfId" size="small" clearable placeholder="选择编码规则" style="width:70%"> <el-option v-for="item in shelfList" :key="item.id" :label="item.name" :value="item.id" />这两个选择框靠在一起

你可以将这两个 el-form-item 包裹在一个 div 容器中，并设置该容器的样式为 display: flex; 和 flex-wrap: wrap;，从而实现两个选择框并排显示，如下所示：

<div style="display: flex; flex-wrap: wrap;">
  <el-form-item label="所属货架：">
    <el-select v-model="query.shelfId" size="small" clearable placeholder="选择货架编号" style="width:70%">
      <el-option v-for="item in shelfList" :key="item.id" :label="item.name" :value="item.id" />
    </el-select>
  </el-form-item>
  <el-form-item label="编码规则：">
    <el-select v-model="query.shelfId" size="small" clearable placeholder="选择编码规则" style="width:70%">
      <el-option v-for="item in shelfList" :key="item.id" :label="item.name" :value="item.id" />
    </el-select>
  </el-form-item>
</div>

设置容器的样式为 display: flex; 可以将容器内的元素变成弹性盒子，从而实现并排显示，设置 flex-wrap: wrap; 可以在容器宽度不足时，自动换行显示。