Question

我希望我的桌子在页面中间成为死胡同，但它一直粘在一边。首先，我尝试使用浮动，但无法正常工作。现在，我正在尝试使用边距使表格居中放置图像，但似乎无法正常工作。这是我的代码：

<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_images table {
      margin-right: auto;
      margin-left: auto;
}

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

如何在HTML中居中放置表格？

1 个答案: