rowspan在第二行上没有像预期的那样工作
问题描述:
为什么顶部“1 2 3”与底部“1 2 3”不一致?rowspan在第二行上没有像预期的那样工作
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>a</td>
<td rowspan="3">⟶</td>
<td>b</td>
<td rowspan="3">⟶</td>
<td>c</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
答
所有行必须有相同数目的细胞,或者如果使用rowspans,那些有定期(不-rowspanning)细胞的数量来总结。 你的第一行有3个单元格,第二行6个。这是行不通的。如果你在第一行中插入这些跨越行的单元格(就像我在下面的代码片段中所做的那样),它将起作用。
td { border: 1px solid #ddd; }
<table>
<tr>
<td>1</td>
<td rowspan="3">⟶</td>
<td>2</td>
<td rowspan="3">⟶</td>
<td>3</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
:捂脸:它已经因为我使用的表一段时间。谢谢! –