el-table的td中元素如何设置不垂直居中

在Element UI的el-table组件中，如果你想让td（表格数据单元格）中的元素不垂直居中，可以使用CSS样式来控制。你可以通过自定义class或者直接给元素添加样式来改变默认的对齐方式。以下是一个示例：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="content">
      <template slot-scope="scope">
        <div class="non-center-item">{{ scope.row.content }}</div>
      </template>
    </el-table-column>
  </el-table>
</template>

<style scoped>
.non-center-item {
  display: flex;
  align-items: flex-start; /* 或者设置成其他不居中的值，如 baseline, stretch */
  justify-content: center; /* 这里保持默认的水平居中，如果不需要也可以去掉 */
}
</style>

在这里，`.non-center-item` 类设置了`align-items`属性为`flex-start`，使得内容不会向上对齐而是保持在基线位置（默认顶部）。如果你需要完全不居中，可以设置为`baseline`或删除这个属性。