Question

我是html和css的新手，并且一直在尝试为我的公司升级页面。我已经设法在表格中找到了我想要的表格，除了我希望内部表格扩展到他们所在表格的单元格大小。抱歉，我很难说出我的意思。

    <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中尝试了一些东西，但我似乎无法让它工作

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

Answer 2

如何在表格中添加一些尺寸： 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>

Answer 3

我想我已经抓住了你所要求的东西。我在所有表格元素上设置了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;
}

表中的HTML表适合

3 个答案: