Question

我是html的新手，我正在设计我的网站。我做了一张WAS中心对齐的桌子，直到我把一个滚动条放在上面。现在我不能让桌子居中对齐，除非我取出滚动条。我会告诉你到目前为止我所拥有的：

<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>

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

Answer 1

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

<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

无法将表与溢出对齐

1 个答案: