無法對齊表格與溢出

我是新來的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>

我嘗試了幾種不同的方法，仍然沒有運氣。這似乎不應該這麼難，所以我想我忽略了一些小而重要的細節。任何幫助將不勝感激。

來源

2009-12-22 Derrick

你把一個滾動條放在桌子上還是放在div上？你想要表格居中，並在一個帶滾動的div內？ – willvv 2009-12-22 17:52:16

將「margin-left：auto; margin-right：auto」樣式移至div而不是表格。此外，你的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-22 17:52:37

無法對齊表格與溢出

回答

相關問題