<el-card>中下半部分是空白区域，如何不让他显示

要在`<el-card>`中不显示下半部分的空白区域，你可以使用CSS样式来控制内容的显示。以下是一种方法：

1. 在`<el-card>`上添加一个自定义的类名，例如`card-no-bottom`：

<el-card class="card-no-bottom">
  <!-- card content -->
</el-card>

2. 在你的CSS文件中或者`<style>`标签内，为这个类名设置样式，将`overflow`属性设置为`hidden`，并且设置合适的`height`来遮盖下半部分的空白区域：

.card-no-bottom {
  overflow: hidden;
  height: 300px; /* 设置合适的高度 */
}

通过将`height`属性设置为合适的高度，可以遮盖下半部分的空白区域。你可以根据需要调整高度以适应你的设计需求。

这样，下半部分的空白区域将不会显示出来。请注意，这种方法仅适用于固定高度的情况。如果希望以动态方式调整高度，请考虑使用JavaScript来计算高度或使用其他布局技术。