如何让表格居中、

要让表格居中，可以使用 CSS 样式。可以在表格的外部包裹一个 div 元素，并给这个 div 元素加上样式属性 text-align:center; 即可实现表格的居中显示。示例代码如下：

HTML 代码：

<div class="table-container">
  <table>
    <tr>
      <td>表格内容</td>
      <td>表格内容</td>
    </tr>
    <tr>
      <td>表格内容</td>
      <td>表格内容</td>
    </tr>
  </table>
</div>

CSS 代码：

.table-container {
  text-align: center;
}

以上代码会将包含表格的 div 元素居中显示，从而实现表格的居中效果。

相关问题

elementui表格居中

要使element-ui表格内容居中，可以使用以下两种方法：
1. 在el-table-column标签上设置align="center"属性，例如：

<el-table-column prop="id" label="ID" align="center"></el-table-column>

这将使该列内容在表格中居中对齐。

2. 在el-table标签中添加cell-style属性，并在methods方法中定义方法rowStyle，例如：

<el-table :data="tableData" :cell-style="rowStyle"></el-table>

在methods中添加rowStyle方法，并返回"text-align:center"，如下所示：

methods: {
  rowStyle() {
    return "text-align:center";
  }
}

这将使表格中所有单元格内容居中对齐。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

elementUI 表格 居中

要让 ElementUI 表格居中可以使用以下 CSS 样式：

.el-table__body-wrapper {
  display: flex;
  justify-content: center;
}

这将使表格容器居中对齐。如果你要使表格内容也居中对齐，可以添加以下样式：

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