嵌套el-card设置padding为0

你可以在 `el-card` 上设置 `padding` 为 0，然后在 `el-card__body` 上设置需要的 `padding`，像这样：

<el-card :body-style="{ padding: '20px' }" style="padding: 0;">
  <div class="card-content">Card content</div>
</el-card>

在这个例子中，我们在 `el-card` 上设置了 `padding: 0`，然后在 `el-card__body` 上设置了 `padding: 20px`。这将使卡片主体具有 20px 的内边距，同时删除卡片的外边距。

注意，`el-card` 的内边距和外边距是通过 CSS 变量控制的，因此你可以通过覆盖这些变量来改变卡片的边距。例如，要将卡片的内边距设置为 0，可以使用以下 CSS：

.el-card__body {
  padding: 0 !important;
}

.el-card__header,
.el-card__footer {
  padding: var(--card-padding) !important;
}

这将覆盖 `el-card` 的默认内边距，并将 `el-card__header` 和 `el-card__footer` 的内边距设置为卡片的默认内边距。请注意，这需要使用 `!important` 来确保样式的优先级。

相关问题

el-card嵌套el-form怎么设置背景为透明色

你可以设置 `el-form` 的背景色为透明色，方法如下：

.el-form {
  background-color: transparent;
}

同样，你也可以设置 `el-card` 的背景色为透明色，方法如下：

.el-card {
  background-color: transparent;
}

需要注意的是，如果 `el-card` 中嵌套了 `el-form`，你需要在 `el-form` 上设置背景色为透明色，而不是在 `el-card` 上进行设置。

el-card下el-table多选框列不居中

在`el-card`容器内部嵌套`el-table`，如果你想让多选框列居中，但实际上它并未居中，可能是由于一些原因导致的。首先，你需要确认`el-table`的`header-cell-style`或`cell-style`是否包含了`text-align: center`这样的样式。如果没有，你应该像这样设置：

<el-card>
  <template>
    <el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }">
      <el-table-column type="selection" width="50"></el-table-column>
      <!-- 其他列 -->
    </el-table>
  </template>
</el-card>

这里的`:header-cell-style="{ textAlign: 'center' }"`会保证每个表头单元格包括多选框在内的内容都居中。

如果问题仍然存在，检查是否有其他层面上的样式冲突，比如`el-card`或其父元素的CSS规则影响到了多选框的位置。另外，确认`el-card`和其他元素之间的布局是否正确，例如是否有垂直方向的margin、padding或其他定位属性干扰了居中效果。