rowspan在第二行没有按预期工作

Question

为什么不是顶级＆＃34; 1 2 3＆＃34;排在底部＆＃34; 1 2 3＆＃34;？

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

所有行都需要具有相同数量的单元格，或者如果使用行数，则必须将这些行与常规（非行跨越）单元格的数量相加。 你的第一行有3个单元格，第二行有6个单元格。这样就无法工作了。如果你在第一行中插入那些行跨越单元格（就像我在下面修改你的代码片段一样），它就会起作用。

＆＃13;

＆＃13;

td { border: 1px solid #ddd; }

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;