Question

HTML：

<table style="width:800px" class="space">
    <tr style="height:120px">
        <td colspan="1">1</td>
        <td colspan="2">2</td>
    </tr>
    <tr style="height:100px">
        <td rowspan="2">3</td> 
        <td>4</td>
        <td rowspan="2">5</td>
    </tr>
    <tr style="height:100px">
        <td>6</td>
    </tr> 
    <tr style="height:60px">
        <td colspan="2">7<td>
    </tr>
</table>

CSS：

.space {
padding:0px;
border-spacing:1px;
}

我试图制作一个不对称的表格，但正如您所看到的那样，如果您尝试使用该代码，我无法将“7”表格行全部扩展。 Colspan =“2”给了我一些不必要的边界，Colspan =“3”给了我另一个细胞。我不知道怎么解决这个问题，已经好几天了。

建议？

Answer 1

你的html首发出现了错误。（你忘了关闭td，所以你在最后一行有两个tds）

 <td colspan="2">6<td>

应该是

<td colspan="3">6</td>

请参阅：http://jsfiddle.net/4zdqM/ （td是红色的，所以你可以看到发生了什么）

Colspan表现得很奇怪

1 个答案: