如何在 HTML 中居中 table？

Question

我希望我的 table 在页面中间死板，但它一直粘在一边。首先，我尝试使用浮点数，但它不起作用。现在，我正在尝试使用边距将 table 与图像居中，但我似乎无法让它工作。这是我的代码：

<div class="table_images">
          <table>
              <tr>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
              </tr>
              <tr>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
              </tr>
              <tr>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
                  <td><img src="image/copyright.png" alt="copyright" width="70" height="70" align="left"></td>
              </tr>

          </table>

      </div>

和我的 CSS 代码

.table_images{
      margin-right: auto;
      margin-left: auto;
  }

如有任何帮助，我们将不胜感激。

Answer 1

改为将边距应用于 table，如下所示：

.table_images table {
      margin-right: auto;
      margin-left: auto;
}

也就是说，从语义上讲，在这种情况下使用 tables 可能不是正确的方法。

如何在 HTML 中居中 table？

How do I center a table in HTML?

html

css

css-tables