在CSS中将表格居中不起作用

Question

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

Center-align a HTML table

Center a table

CSS: Centered tables

关于如何使用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>

它显示在右侧，而不是居中。我将最后一个链接中的代码直接复制到编辑器中，结果是相同的。哪里出了问题，我该如何修复它？

Answer 1

我认为这是更好的做法，为桌子中心。只需在table标记上使用css

举例说明。

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