elementui卡片水平

如果您想让 ElementUI 的卡片组件水平排列，可以使用 flex 布局。具体来说，可以将卡片容器的 display 属性设置为 flex，然后设置 justify-content 属性为 space-around 或 space-between，这样卡片就会水平排列并且在容器中间对齐。

以下是一个示例代码：

<template>
  <div class="card-container">
    <el-card class="card-item">Card 1</el-card>
    <el-card class="card-item">Card 2</el-card>
    <el-card class="card-item">Card 3</el-card>
  </div>
</template>

<style>
.card-container {
  display: flex;
  justify-content: space-around;
}

.card-item {
  width: 300px;
}
</style>