2013-07-02 21 views
2

这里是我的代码:如何让我的嵌套表填满它所在的表单元格?

<table border="1"><td> 

<table border="1"><tr> 

    <td>A</td> 

    <td> 
     <table border="1"><tr> 

     <tr> 
      <td><b>B</b></td> 
      <td><b>C</b></td> 
      <td>D</td> 
     </tr> 

     <tr> 
      <td><b>E</b></td> 
      <td><b>F</b></td> 
      <td>G</td> 
     </tr> 

     <tr> 
      <td><b>H</b></td> 
      <td><b>I</b></td> 
      <td>K</td> 
     </tr> 

     </tr></table> 
    </td> 

</tr></table> 

<table border="1"><tr> 
    <td style="width:600px;">L</td> 
    <td>M</td> 
</tr></table> 

我试图让这样的:enter image description here

可以somerone请帮助?

+2

这可能是谨慎看'rowspan'和'colspan'和普遍提高你的'html'标记。 – ChelseaStats

+0

仔细看看你的标记。通过关闭标签确保您的开始标签匹配,并始终查找正确的表结构。例如,'​​'不能直接跟随'<表格>。 – 2013-07-02 09:58:11

+0

好的,我解决了td问题,但我仍然没有得到我想要的结果... :( –

回答

1

这里是Fillde Example

这里是代码

<table border="1"><td> 

<table border="1" width="100%"><tr> 

<td>A</td> 

<td > 
    <table border="1" align="right"><tr> 

    <tr> 
     <td><b>B</b></td> 
     <td><b>C</b></td> 
     <td>D</td> 
    </tr> 

    <tr> 
     <td><b>E</b></td> 
     <td><b>F</b></td> 
     <td>G</td> 
    </tr> 

    <tr> 
     <td><b>H</b></td> 
     <td><b>I</b></td> 
     <td>K</td> 
    </tr> 

    </tr></table> 
</td> 

</tr></table> 

<table border="1"><tr> 
<td style="width:600px;">L</td> 
<td>M</td> 
</tr></table> 
+0

谢谢!完美的作品! –

0
<table border="1"> 
    <tr> 
     <td> 

     <table border="1" align="left"> 
      <tr> 

      <td style="width:550px;">A</td> 

      <td style="width:50px;" align="left"> 
       <table border="1" align="left"> 

       <tr > 
        <td><b>B</b></td> 
        <td><b>C</b></td> 
        <td>D</td> 
       </tr> 

       <tr> 
        <td><b>E</b></td> 
        <td><b>F</b></td> 
        <td>G</td> 
       </tr> 

       <tr> 
        <td><b>H</b></td> 
        <td><b>I</b></td> 
        <td>K</td> 
       </tr> 
      </table> 
     </td> 
     </tr> 
     </table> 
</td> 
</tr></table> 

<table border="1"><tr> 
    <td style="width:600px;">L</td> 
    <td>M</td> 
</tr></table>try out this 

just make td align left.. 

    <table border="1"><td> 

    <table border="1"><tr> 

     <td>A</td> 

     <td align="left"> 
      <table border="1"><tr> 

      <tr> 
       <td><b>B</b></td> 
       <td><b>C</b></td> 
       <td>D</td> 
      </tr> 

      <tr> 
       <td><b>E</b></td> 
       <td><b>F</b></td> 
       <td>G</td> 
      </tr> 

      <tr> 
       <td><b>H</b></td> 
       <td><b>I</b></td> 
       <td>K</td> 
      </tr> 

      </tr></table> 
     </td> 

    </tr></table> 

    <table border="1"><tr> 
     <td style="width:600px;">L</td> 
     <td>M</td> 
    </tr></table> 
0

给内表中的属性width="600px;"

相关问题