display table cell垂直居中

要使display table cell垂直居中，可以使用CSS中的vertical-align属性。将其设置为middle即可实现垂直居中。例如：

display: table-cell;
vertical-align: middle;

相关问题

display: table-cell;怎样设置垂直居中

要将元素垂直居中，您可以使用以下 CSS 属性组合：

display: table-cell;
vertical-align: middle;

请注意，这将仅适用于具有 `display: table` 或 `display: table-cell` 属性的元素。如果您想将其他元素垂直居中，可以考虑使用 Flexbox 或 Grid 布局。

el-table+垂直居中

为了使el-table中的内容垂直居中，可以使用CSS样式来实现。具体方法如下：

1.在el-table-column中添加一个自定义的slot，用于包裹表格内容。

2.在slot中添加一个div，设置其display为table，height为100%，并将内容垂直居中。

下面是一个示例代码：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="{row}">
      <div class="cell-wrapper">{{ row.name }}</div>
    </template>
  </el-table-column>
  <el-table-column prop="age" label="年龄">
    <template slot-scope="{row}">
      <div class="cell-wrapper">{{ row.age }}</div>
    </template>
  </el-table-column>
</el-table>

<style>
.cell-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}

.cell-wrapper > div {
  display: table-cell;
  vertical-align: middle;
}
</style>