colspan rowspan问题?

时间:2012-03-05 15:22:03

标签: html html-table

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

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

但它弄乱了......这就是我想要的......

enter image description here

2 个答案:

答案 0 :(得分:1)

您正尝试在不存在的行上使用rowspan。 你的底行没有足够的列。

试试这个:

<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>

答案 1 :(得分:1)

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

您正在对不存在的行展开行间距...您可能只想使用CSS来获取您想到的视觉效果。

enter image description here