vue中如何让table中的tr居中

对于vue中的table，可以使用CSS样式来让tr居中：

.table {
  text-align: center;
}

然后在template中添加class属性：

<table class="table">
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  <tr>
    <td>内容3</td>
    <td>内容4</td>
  </tr>
</table>

这样就可以让table中的tr居中显示了。

相关问题

ant design vue 中的table垂直居中

在 ant design vue 的 table 中，可以使用 `align` 属性来设置表格内容的对齐方式。你可以将 `align` 属性设置为 `center` 来实现表格内容的垂直居中，具体示例如下：

<template>
  <a-table :columns="columns" :data-source="data" :pagination="false">
    <a-table-column title="姓名" dataIndex="name" align="center"></a-table-column>
    <a-table-column title="年龄" dataIndex="age" align="center"></a-table-column>
    <a-table-column title="地址" dataIndex="address" align="center"></a-table-column>
  </a-table>
</template>

在上面的示例中，将 `align` 属性设置为 `center`，即可实现表格内容的垂直居中。当然，你也可以将 `align` 设置为其他值，比如 `left` 或 `right`，来实现不同的对齐方式。

vue中如何让div内的table居中

您可以在包含table的div中设置以下css样式来使其居中:

div {
display: flex;
justify-content: center;
align-items: center;
}

这将使div居中，并使其内部的元素（包括table）在水平和垂直方向上居中。