elementui两个多选框竖直排布

可以使用CSS中的浮动属性来实现elementui中两个多选框的竖直排布。具体步骤如下：
1. 在HTML中，将两个多选框放在同一个div中。
2. 在CSS中，设置这个div的宽度和高度，并将其内部的多选框浮动到左侧。
3. 为这个div添加clear:both属性，以防止其他元素受到影响。

以下是示例代码：

<div class="checkbox-wrapper">
  <el-checkbox-group v-model="checkedCities">
    <el-checkbox label="北京"></el-checkbox>
    <el-checkbox label="上海"></el-checkbox>
    <el-checkbox label="广州"></el-checkbox>
    <el-checkbox label="深圳"></el-checkbox>
  </el-checkbox-group>
  <el-checkbox-group v-model="checkedHobbies">
    <el-checkbox label="篮球"></el-checkbox>
    <el-checkbox label="足球"></el-checkbox>
    <el-checkbox label="羽毛球"></el-checkbox>
    <el-checkbox label="乒乓球"></el-checkbox>
  </el-checkbox-group>
</div>

.checkbox-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.el-checkbox-group {
  float: left;
}

.checkbox-wrapper::after {
  content: "";
  display: block;
  clear: both;
}