0

我是 html 新手，我正在设计我的网站。我做了一个中心对齐的表格，直到我在上面放了一个滚动条。现在我无法让表格居中对齐，除非我取出滚动条。我将向您展示我到目前为止所拥有的：

<div style="overflow: auto; height: 86px; width: 750px;">
<table
style="height: 86px; margin-left: auto; margin-right: auto; width: 750px; text-align: left;"
border-style:="" hidden;="" cellpadding="2" cellspacing="2">
  <tbody>

    TABLE CONTENT with multiple rows and two columns.
  </tbody>
</table>
</div>

我尝试了几种不同的方法，但仍然没有运气。看起来它不应该这么难，所以我认为我忽略了一些小但重要的细节。任何帮助将不胜感激。

4

1 回答 1

1

将“margin-left：auto；margin-right：auto”样式移动到 div 而不是 table。此外，您的 div 和 table 大小相同，因此不会有滚动条。

<div style="overflow: auto; height: 86px; width: 500px;margin-left: auto; margin-right: auto; "> 
    <table style="height: 86px; width: 750px; text-align: left;" border-style:="" hidden;="" cellpadding="2" cellspacing="2"> 
        <tbody>
            <tr>
                <td>1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 </td>
                <td>2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 </td>
            </tr>
            <tr>
                <td>3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 </td>
                <td>4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 </td>
            </tr>
        </tbody>
    </table>
</div
于 2009-12-22T17:52:37.413 回答