2014-01-10 147 views
0

我對html和css很新,並且一直在爲我的公司升級一個頁面。我已經設法在桌子內找到一張表格,只是我想讓內部表格擴大到他們所在表格的單元格大小。對不起,我很難說我的意思。表格內的HTML表格適合

<table align = "center" cellpadding="4" border="2"> 

    <tr> 
    <!-- BEGIN AutomaticDownloads --> 
    <td> 
     <table cellpadding="4" border="2"> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
     </table> 
    </td> 
    {tr} 

    <!-- END AutomaticDownloads --> 
    </tr> 

    </table> 

如果這有幫助的話。我已經在這裏和CSS嘗試了一些東西,但我似乎無法得到它的工作

+2

嵌套表?您是使用這些用於佈局的目的,還是您的數據實際上屬於表格中的表格數據? –

+0

最新問題..http://jsfiddle.net/ST8hx/ –

+0

嵌套表幾乎可以肯定是使用表進行佈局的標誌(這是一件壞事)。請參閱:http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html – cimmanon

回答

0

如何增加一些大小,以你的表: http://jsfiddle.net/uu3AB/

<table align="center" cellpadding="4" border="2" width="400"> 

    <tr> 
    <td> 
     <table cellpadding="4" border="2" width="100%"> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
      <tr> 
       <td></td> 
       <td></td> 
      </tr> 
     </table> 
    </td> 

    </tr> 

    </table> 
0

我想我已經捕捉到了什麼你在問。我已經在所有表格元素上設置了100%的寬度,以便它們可以展開以填充它們的容器,併爲每個表格添加邊框,以便您可以看到它們四面都觸及。

<table align="center" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
    <!-- BEGIN AutomaticDownloads --> 
    <td> 
     <table cellpadding="0" cellspacing="0" border="0"> 
     <tr> 
      <td>a</td> 
      <td>a</td> 
     </tr> 
     <tr> 
      <td>b</td> 
      <td>b</td> 
     </tr> 
     <tr> 
      <td>c</td> 
      <td>c</td> 
     </tr> 
     </table> 
    </td> 
    <!-- END AutomaticDownloads --> 
    </tr> 
</table> 

table { 
    width: 100%; 
    border: 1px solid #ccc; 
}  
table table { 
    border: 1px solid #f00; 
} 
1

我認爲你正在服用有關內部表的大小取決於外部表的大小時,外部表大小的變化則內的大小根據外一個的尺寸也發生變化。

<table align="center" cellpadding="4" border="2" width="500" height="500"> 

    <tr> 
    <td> 


<table cellpadding="4" border="2" width="100%" height="100%"> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
    </table> 
</td> 

</tr> 

</table>