在 CSS 中居中表格不起作用答案

【问题标题】：Centering a table in CSS isn't Working在 CSS 中居中表格不起作用
【发布时间】：2017-03-12 05:17:37
【问题描述】：

我正在使用BlueGriffon 并阅读以下链接：

关于如何使用 CSS 使表格居中，因为 align 已被弃用。但是，它们都不起作用，3个链接中建议的将表格居中的代码如下所示：

.centered-table {
     margin-left: auto; 
     margin-right: auto%; 
}

我的代码：

CSS：

.maintbl {
  margin-left: auto; 
  margin-right: auto%; 
}

HTML：

 <table class="maintbl" id="tblMain">
  <tbody>
    <tr>
      <td>Hello world<br>
      </td>
    </tr>
  </tbody>
</table>

它不是居中，而是出现在右侧。我将最后一个链接的代码直接复制到编辑器中，结果是一样的。出了什么问题，我该如何解决？

【问题讨论】：

标签： html css

【解决方案1】：

我认为它对于表格中心来说是更好的做法。只需在表格标签上使用 css

例子。

 table {
        width: 60%;
        margin: 0 auto;
    }

【讨论】：