el-table cell里 水平居中对齐

在Element UI中的`el-table`组件中，如果你想要在一个单元格（cell）内水平居中对齐内容，你可以使用CSS样式或者利用`align-middle`或`:text-center`伪类。这里有两种常见的方法：

**方法一：使用style属性**
在`<template>`标签内的`<el-table-column>`元素内添加一个`style`属性，直接设置单元格的文本对齐方式：

<el-table-column label="标题" prop="property">
  <template slot-scope="scope">
    <span :style="{ display: 'inline-block', textAlign: 'center' }">{{ scope.row.property }}</span>
  </template>
</el-table-column>

**方法二：使用CSS class**
定义一个CSS类，例如`.table-cell-center`，然后在模板上应用这个类：

<el-table-column label="标题" prop="property">
  <template slot-scope="scope">
    <span class="table-cell-center">{{ scope.row.property }}</span>
  </template>
</style>
.table-cell-center {
  display: inline-block;
  text-align: center;
}

这两种方法都能确保单元格内的内容在水平方向上居中显示。