使用多个行跨度时，HTML 单元格不会合并高度

Question

我有一个基本结构如下的表。问题是当我对所有列使用相同的 rowspan 时，高度仅折叠到一行。

<table border=1>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

当某些列具有行跨度时

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

当所有列都具有行跨度时。这就是问题出现的地方。基本上预期的结果是第一行跨越两行而不是只有一个

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td rowspan=2>3</td>
  </tr>
  <tr>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Answer 1

正如 Lister 先生所提到的，您可以通过使用 rowspan 设置 td 元素的样式来实现这一点。但你应该使用 em 作为单位，而不是使用百分比。td[rowspan='2'] {height:2em;}

除非您明确指定高度，否则这就是计算表格行高的方式