表格格式困境

时间:2012-09-11 14:00:15

标签: html html5

enter image description here

我总是设法填表。我想制作一个像顶部图像,但我得到底部图像:

<table>
<tr>
<td>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</td>
<td rowspan="3"></td>
</tr>
</table>

有人可以纠正我的工作。我知道它很懒,但我已经尝试了6种组合,不能得到正确的一个,它变得非常令人沮丧。是否有某种免费工具可用于格式化表格以防止我将来遇到此问题?

2 个答案:

答案 0 :(得分:3)

<table border="1">
    <tr>
        <td width="40">&nbsp;</td>
        <td width="40">&nbsp;</td>
        <td width="80" rowspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <!--<td>&nbsp;</td>-->
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <!--<td>&nbsp;</td>-->
    </tr>
</table>

Fiddle

答案 1 :(得分:1)

您的HTML无效。您不能<tr>作为<td>的孩子。

试试这个......

<table>
  <tr>
    <td></td>
    <td></td>
    <td rowspan="3"></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>