el-card元素上下居中

可以使用 flex 布局来实现 el-card 元素的上下居中，具体实现方式如下：

<template>
  <el-card class="card-wrapper">
    <div class="card-content">
      <!-- 卡片内容 -->
    </div>
  </el-card>
</template>

<style>
.card-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-content {
  /* 卡片内容样式 */
}
</style>

在上面的代码中，我们给 el-card 元素的父容器 card-wrapper 添加了 display: flex; 和 justify-content: center; align-items: center; 这两个属性，分别实现水平和垂直方向的居中。然后我们将卡片内容放在一个 div 容器内，设置对应的样式即可。