colspan 行跨度问题？

Question

我正在尝试创建一个有 6 列和 6 行的表。 第一个 td 应该分布在四列和四行中。 那么第一行的第二个 td 应该是 2 col span。 底部两行只有 6 个 tds。

这是我正在尝试的代码... http://jsfiddle.net/uzi002/dByer/1/

但它搞砸了......这就是我想要得到的......

Answer 1

您正在尝试对不存在的行使用行跨度。 而且你底行没有足够的列。

试试这个：

<table id="phototable" border=1>
<tr>
  <td rowspan="2" colspan="4">1</td> 
  <td colspan="2">2</td>
</tr>
<tr>
  <td colspan="2">3</td>
</tr>
<tr>
  <td>6</td>
  <td>6</td>
  <td>6</td> 
  <td>6</td>
  <td>6</td>
  <td>6</td>
</tr>
<tr>
  <td>6</td>
  <td>6</td>
  <td>6</td>
  <td>6</td> 
  <td>6</td>
  <td>6</td>
</tr>

​

Answer 2

这是您想要的示例，添加了“占位符”单元格以实现所需的布局：http://jsfiddle.net/NGP3x/

您正在将行跨度拉伸到不存在的行上...您可能只想使用 CSS 来获得您想要的视觉结果。