这次我尝试画一个这样的表格:
+-----+-----+-----+-----+
| | | |
| | | |
+-----+ +-----+
| | | |
| | | |
+-----+-----+-----+-----+
| | | |
| | | |
+ +-----+-----+
| | | |
| | | |
+-----+-----+-----+-----+
我这样写了我的html代码来实现我的目标:
<table id="table">
<tbody>
<tr>
<td> </td>
<td colspan="2" rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
样式表的上一个问题如下:
td {
width: 20px;
height: 20px;
border: solid 1px #000;
}
tr {
height: 1.3em;
}
但这一次,却是这样显示的:</p>
+-----+-----+-----+
| | | |
| | | |
+-----+ +-----+
| | | |
| | | |
+-----+-----+-----+
| | | |
| | | |
+ +-----+-----+
| | | |
| | | |
+-----+-----+-----+
我现在能做什么?任何解决方案将不胜感激。