删除html中的表格单元格

Question

在此示例表中，我想从底部空单元格中删除边框，尝试在border-collapse:collapse;的css中使用，但没有成功。

<table id="tableID" border="1">
<tr width="80px" height="50px">
<td width="80px" height="50px">asdasdasdasdasdasd</td>
<td width="80px" height="50px">asdasda</td>
<td width="80px" height="50px">sadsadasd</td>
<td width="80px" height="50px">sadsadasd</td>
</tr>
<tr>
<td width="80px" height="50px">sasas</td>
<td width="80px" height="50px">sdsadsa</td>
<td width="80px" height="50px">sadasd</td>
<td width="80px" height="50px">sdasd</td>
</tr>
<tr>
<td rowspan="2"></td>
<td width="80px" height="50px">asas</td>
<td width="80px" height="50px">aaaas</td>
<td width="80px" height="50px">ssssssa</td>
</tr>
<tr>
<td colspan="2"></td>
<td width="80px" height="50px">aaaas</td>
</tr>
</table>

Answer 1

这是你想要的吗？

小提琴：http://jsfiddle.net/15mjmy4j/

table {
    border-collapse: separate;
    empty-cells: hide;
}

我认为这看起来更好。小提琴：http://jsfiddle.net/15mjmy4j/1/

table {
    border-collapse: collapse;
    empty-cells: hide;
}