css中如何设置element ui 表格中的表头文字和行内文字对齐，图标在外面位置

要在 Element UI 表格中将图标放在单元格的左侧或右侧，并使表头文字和行内文字居中对齐，可以使用以下 CSS 样式：

.el-table th, .el-table td {
  text-align: center;
}

.el-table th .cell {
  display: flex;
  align-items: center;
}

.el-table th .cell .el-icon {
  margin-right: 5px; /* 图标与文字之间的距离 */
}

.el-table td .cell {
  display: flex;
  align-items: center;
}

.el-table td .cell .el-icon {
  margin-right: 5px; /* 图标与文字之间的距离 */
}

这样就可以将表头和行内的文字居中对齐，并在单元格的左侧或右侧放置图标了。其中，`align-items: center` 属性用于将图标和文字垂直居中对齐，`display: flex` 属性用于创建一个弹性布局，使得图标和文字可以放在同一行内。`margin-right` 属性用于控制图标与文字之间的距离，可以调整为合适的数值。