Question

html5表格table中的rowspan＝2的时候没效果啊？要等于三才占2个格子？

<table border="1">

<tr>

<td rowspan="2">蔬菜</td> <!--当rowspan的时候占位不对-->

</tr>

<tr>

<td>橙子</td>

<td>榴莲</td>

<td>苦瓜</td>

<td>甘蓝</td>

</tr>

<tr>

<td>橘子</td>

<td>柚子</td>

<td>芹菜</td>

<td>菠菜</td>

</tr>

</table>

上面是rowspan＝2，下面是rowspan＝3.

但是，rowspan＝3的时候，格子长度超出其他的啊，将格子高度调高就会很明显。
请问这是怎么回事？谢谢！

Answer 1

<table border="1">

<tr>
<td rowspan="2">蔬菜</td>

<td>橙子</td>

<td>榴莲</td>

<td>苦瓜</td>

<td>甘蓝</td>

</tr>

<tr>

<td>橘子</td>

<td>柚子</td>

<td>芹菜</td>

<td>菠菜</td>

</tr>

</table>

Answer 2

蔬菜虽然占两行，但是实际上还是属于第一行，所以要和橙子榴莲这些在一个 tr 标签内，第二个 tr 标签内为橘子柚子等。